:root{--bg:#f2f2f7;--card:#fff;--label:#000;--label-secondary:#6c6c70;--separator:#c6c6c8;--accent:#007aff;--accent-label:#fff;--danger:#ff3b30;--green:#34c759;--banner:#e5f1ff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--card:#1c1c1e;--label:#fff;--label-secondary:#98989f;--separator:#38383a;--accent:#0a84ff;--danger:#ff453a;--green:#30d158;--banner:#0b2a4a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--label);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui;font-size:17px;line-height:1.35}h1{margin:0 0 16px;font-size:28px;font-weight:700}.screen{min-height:100%;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.screen-center{justify-content:center;align-items:center;display:flex}.card{background:var(--card);border-radius:14px;width:100%;max-width:420px;padding:24px 20px}.login{flex-direction:column;gap:12px;display:flex}.login label{color:var(--label-secondary);font-size:15px}input{min-height:48px;font:inherit;color:var(--label);background:var(--bg);border:1px solid var(--separator);border-radius:10px;outline:none;padding:0 14px;font-size:18px}input:focus{border-color:var(--accent)}input[aria-invalid=true]{border-color:var(--danger)}.error{color:var(--danger);margin:0;font-size:15px}.muted{color:var(--label-secondary)}.center{text-align:center}.btn{min-height:50px;font:inherit;color:var(--accent-label);background:var(--accent);cursor:pointer;border:0;border-radius:12px;padding:0 20px;font-weight:600}.btn:active{opacity:.7}.btn:disabled{opacity:.4;cursor:default}.btn-small{min-width:44px;min-height:44px;padding:0 16px}.update-banner{z-index:10;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));background:var(--banner);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.offline-line{padding:calc(6px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));text-align:center;color:var(--label-secondary);font-size:14px}.offline-line-float{z-index:20;background:var(--bg);position:fixed;top:0;left:0;right:0}.list{background:var(--card);border-radius:14px;margin:0;padding:0;list-style:none;overflow:hidden}.row{justify-content:space-between;align-items:center;min-height:56px;padding:0 16px;display:flex}.row+.row{border-top:1px solid var(--separator)}.contact{gap:12px;min-height:72px;padding-top:8px;padding-bottom:8px}.contact-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.contact-name{white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:600;overflow:hidden}.contact-status{align-items:center;gap:6px;font-size:15px;display:flex}.dot{background:var(--label-secondary);opacity:.6;border-radius:50%;width:10px;height:10px}.dot-online{background:var(--green);opacity:1}.round{color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;padding:0;transition:opacity .15s,background-color .2s,transform .15s;display:inline-flex}.round:active{opacity:.7;transform:scale(.96)}.round:disabled{opacity:.4;cursor:default}.round-small{flex:none;width:52px;height:52px}.round-big{width:80px;height:80px}.round-green{background:var(--green)}.round-red{background:var(--danger)}.round-toggle{color:var(--label);background:var(--card);border:1px solid var(--separator)}.round-toggle-on{color:#000;background:#fff;border-color:#fff}.call-screen{flex-direction:column;justify-content:space-between;align-items:center;gap:24px;min-height:100%;display:flex;position:relative;overflow:hidden}.call-top{text-align:center;flex-direction:column;align-items:center;gap:8px;padding-top:32px;display:flex}.call-name{margin:0;font-size:34px}.call-caption{font-variant-numeric:tabular-nums;color:var(--label-secondary);margin:0;font-size:22px}.call-ended{max-width:320px;color:var(--label)}.bars{cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:4px;min-width:56px;min-height:44px;padding:8px 12px;display:inline-flex}.bar{background:var(--separator);border-radius:2px;width:8px;transition:background-color .3s}.bar-on{background:var(--green)}.ping{margin:0;font-size:15px}.call-controls{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px;display:flex}.ctl-row{justify-content:center;gap:40px;display:flex}.ctl{flex-direction:column;align-items:center;gap:6px;display:flex}.ctl-label{font-size:16px;font-weight:500}.ctl-state{color:var(--label-secondary);font-size:13px}.volume{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.volume-head{justify-content:space-between;align-items:baseline;font-size:17px;display:flex}.volume-value{font-variant-numeric:tabular-nums;color:var(--label-secondary)}input[type=range]{width:100%;min-height:44px;accent-color:var(--accent);background:0 0;border:0;padding:0}.btn-big{min-width:220px;min-height:56px;font-size:19px}.incoming-buttons{justify-content:center;gap:64px;padding-bottom:32px;display:flex}.ear-lock{z-index:100;color:#fff;text-align:center;opacity:0;visibility:hidden;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#000000eb;justify-content:center;align-items:center;padding:24px;font-size:22px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.ear-lock[data-locked=true]{opacity:1;visibility:visible;pointer-events:auto}