:root{--bg:#f2f2f7;--card:#fff;--label:#000;--label-secondary:#6c6c70;--separator:#c6c6c8;--accent:#007aff;--accent-label:#fff;--danger:#ff3b30;--green:#34c759;--banner:#e5f1ff;--toggle-off:#dcdce1;--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;--toggle-off:#1c1c1e}}*{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}.title-block{margin-bottom:16px}.title-block h1{margin:0}.version-line{margin:2px 0 0;font-size:13px}.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}.push-card{flex-direction:column;gap:10px;max-width:none;margin-top:16px;padding:16px;display:flex}.push-card .btn{width:100%}.push-text{text-align:center;margin:0;font-size:15px}.ear-lock-title{margin:0;font-size:17px;font-weight:600}.ear-lock-switch{justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:17px;display:flex}.ear-lock-switch input{appearance:none;background:var(--separator);cursor:pointer;border:none;border-radius:16px;flex:none;width:51px;height:31px;min-height:0;margin:0;padding:0;transition:background-color .2s;position:relative}.ear-lock-switch input:before{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.ear-lock-switch input:checked{background:var(--green)}.ear-lock-switch input:checked:before{transform:translate(20px)}.ear-lock-switch input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ear-lock-switch input,.ear-lock-switch input:before{transition:none}}.ear-lock-hint{margin:0;font-size:15px}.ear-lock-segments{gap:8px;display:flex}.ear-lock-segment{min-height:48px;font:inherit;color:var(--label);background:var(--bg);border:1px solid var(--separator);border-radius:10px;flex:1;font-size:17px}.ear-lock-segment[aria-pressed=true]{color:var(--accent-label);background:var(--accent);border-color:var(--accent)}.ear-lock-segment:disabled{opacity:.4}.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(--toggle-off);border:1px solid var(--separator)}.round-toggle-on{color:#000;background:#fff;border-color:#fff}.round-toggle-muted{color:var(--danger);border-color:var(--danger)}.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}.ping-diag{text-align:center;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:12px;line-height:1.35}.call-controls{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:420px;display:flex}.ctl-row{flex-wrap:nowrap;justify-content:center;gap:12px;display:flex}@media (width<=360px){.ctl-row{gap:8px}}.ear-countdown{top:max(12px, env(safe-area-inset-top));z-index:5;background:var(--card);color:var(--label);border:1px solid var(--separator);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:17px;font-weight:500;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 4px 16px #0000002e}.ear-countdown-btn{background:var(--accent);min-height:44px;color:var(--accent-label);font:inherit;cursor:pointer;border:none;border-radius:10px;flex:none;padding:0 14px;font-size:16px;font-weight:600}.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}.ctl-state-alert{color:var(--danger)}.mute-warning{max-width:100%;color:var(--danger);margin:0;font-size:17px;font-weight:600;line-height:1.3}.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:#000;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;font-size:22px;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.ear-lock p{margin:0}.ear-lock-head{top:calc(env(safe-area-inset-top) + 48px);position:absolute;left:24px;right:24px}.ear-lock .ear-lock-name,.ear-lock .ear-lock-time{color:#ffffff73}.ear-lock .ear-lock-name{font-size:28px;font-weight:600}.ear-lock .ear-lock-time{font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px}.ear-lock-hangup{left:24px;right:24px;bottom:calc(env(safe-area-inset-bottom) + 24px);box-sizing:border-box;background:var(--danger);color:#fff;touch-action:none;border-radius:30px;align-items:center;height:60px;padding:4px;display:flex;position:absolute}.ear-lock-hangup-knob{z-index:1;background:#fff;border-radius:50%;flex:none;width:52px;height:52px;position:relative}.ear-lock-hangup-label{box-sizing:border-box;text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:0 16px 0 60px;font-size:16px;font-weight:600;line-height:1.15;display:flex;position:absolute;inset:0}.ear-lock .ear-lock-warning{color:var(--danger);font-size:28px;font-weight:700;line-height:1.25}.ear-lock[data-locked=true]{opacity:1;visibility:visible;pointer-events:auto}