@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-grouped:#000;--cell:#1c1c1e;--cell-2:#2c2c2e;--cell-hover:#242426;--fill:#7676803d;--fill-2:#7676802e;--key:#333335;--key-active:#5b5b60;--label:#fff;--label-2:#ebebf59e;--label-3:#ebebf552;--separator:#545458a6;--accent:#0a84ff;--green:#30d158;--red:#ff453a;--orange:#ff9f0a;--bar:#161618b8;--sidebar:#0c0c0d;--shadow:0 30px 80px #0000008c;--radius:12px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter Variable", Inter, "Segoe UI", Roboto, system-ui, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter Variable", Inter, "Segoe UI", Roboto, system-ui, sans-serif;--key-size:clamp(58px, min(21vw, 10.2dvh), 82px);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-grouped:#f2f2f7;--cell:#fff;--cell-2:#f2f2f7;--cell-hover:#f7f7fa;--fill:#78788029;--fill-2:#7878801f;--key:#e5e5ea;--key-active:#c7c7cc;--label:#000;--label-2:#3c3c439e;--label-3:#3c3c434d;--separator:#3c3c434a;--accent:#007aff;--green:#34c759;--red:#ff3b30;--orange:#ff9500;--bar:#f9f9fbc7;--sidebar:#f2f2f7;--shadow:0 24px 60px #0000001f}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-grouped);color:var(--label);font:16px/1.35 var(--font);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.boot{min-height:100%;padding:calc(24px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));place-items:center;display:grid}.boot-card{background:var(--cell);width:min(420px,100%);box-shadow:var(--shadow);text-align:center;border-radius:22px;flex-direction:column;align-items:center;gap:18px;padding:40px 28px 32px;display:flex}.boot-card .wordmark img{height:32px}.boot-title{font:600 21px/1.2 var(--font-display);margin:4px 0 0}.boot-msg{color:var(--label-2);margin:0;font-size:15px}.spinner{border:2.5px solid var(--fill);border-top-color:var(--label-2);border-radius:50%;width:26px;height:26px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{height:100%;background:var(--bg-grouped);height:100dvh;display:flex}.sidebar{background:var(--sidebar);border-right:.5px solid var(--separator);width:clamp(300px,32vw,380px);padding-left:var(--safe-left);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.main{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}@media (prefers-color-scheme:light){.main{background:var(--bg-grouped)}}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.wordmark img{width:auto;height:22px;display:block}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-product{font:600 17px/1 var(--font-display);color:var(--label-2);border-left:.5px solid var(--separator);padding-left:10px}.sidebar-head{padding:calc(16px + var(--safe-top)) 16px 8px 20px;justify-content:space-between;align-items:center;gap:8px;display:flex}.head-actions{gap:2px;display:flex}.me{background:var(--cell);border-radius:var(--radius);align-items:center;gap:12px;margin:10px 16px 14px;padding:12px 14px;display:flex}.me-avatar{width:44px;height:44px;font:600 17px/1 var(--font-display);color:#fff;background:linear-gradient(160deg,#6fa8ff,#1f5fd6);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.me-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.identity{flex-direction:column;min-width:0;line-height:1.2;display:flex}.identity strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.identity span{color:var(--label-2);font-variant-numeric:tabular-nums;font-size:13px}.reg{color:var(--label-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.reg .dot{background:var(--label-3);border-radius:50%;flex-shrink:0;width:8px;height:8px}.reg-registered .dot{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 24%, transparent)}.reg-connecting .dot,.reg-connected .dot{background:var(--orange);animation:1s infinite blink}.reg-failed{color:var(--red)}.reg-failed .dot{background:var(--red)}@keyframes blink{50%{opacity:.3}}.topbar{padding:calc(10px + var(--safe-top)) calc(16px + var(--safe-right)) 10px calc(16px + var(--safe-left));background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separator);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.topbar .wordmark img{height:18px}.topbar-right{align-items:center;gap:10px;min-width:0;display:flex}.topbar .identity{align-items:flex-end}.topbar .identity strong{max-width:52vw;font-size:14px}.topbar .identity span{font-size:12px}.banner{z-index:20;background:color-mix(in srgb, var(--red) 16%, var(--cell));width:max-content;max-width:min(560px,100% - 32px);color:var(--red);text-align:center;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}.topbar+.banner{top:calc(64px + var(--safe-top))}.tabbar{background:var(--bar);-webkit-backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--separator);padding:6px var(--safe-right) calc(4px + var(--safe-bottom)) var(--safe-left);flex-shrink:0;display:flex}.tabbar button{color:color-mix(in srgb, var(--label) 42%, transparent);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:2px 0;font-size:10.5px;font-weight:500;display:flex}.tabbar button svg{width:26px;height:26px}.tabbar button.on{color:var(--accent)}.tab-icon{display:inline-flex;position:relative}.icon-btn{width:36px;height:36px;color:var(--accent);background:0 0;border:0;border-radius:50%;place-items:center;transition:background .15s;display:inline-grid}.icon-btn:hover{background:var(--fill-2)}.icon-btn.on{background:var(--fill)}.icon-btn.muted{color:var(--label-2)}.link{color:var(--accent);background:0 0;border:0;padding:4px 0;font-size:17px}.btn{border-radius:var(--radius);background:var(--fill);color:var(--accent);border:0;padding:12px 18px;font-size:17px;font-weight:500;transition:filter .15s}.btn:hover{filter:brightness(1.08)}.btn.primary{background:var(--accent);color:#fff;font-weight:600}.btn.danger{color:var(--red)}.btn.wide{width:100%}.row-buttons{gap:10px;display:flex}.row-buttons>*{flex:1}.badge{background:var(--red);color:#fff;min-width:19px;height:19px;font:600 12px/19px var(--font);text-align:center;letter-spacing:0;border-radius:999px;padding:0 5px;position:absolute;top:-5px;right:-8px}.badge.inline{vertical-align:1px;margin-left:6px;display:inline-block;position:static}.tab-icon .badge.inline{margin:0;position:absolute;top:-4px;right:-10px}.segmented{background:var(--fill-2);border-radius:9px;margin:0 16px 10px;padding:2px;display:flex}.segmented button{color:var(--label);background:0 0;border:0;border-radius:7px;flex:1;padding:6px 0;font-size:13px;font-weight:500}.segmented button.on{background:var(--cell);font-weight:600;box-shadow:0 3px 8px #0000001f,0 0 0 .5px #0000000a}@media (prefers-color-scheme:dark){.segmented button.on{background:#636366}}.list{padding:4px 0 24px}.list-head{justify-content:space-between;align-items:flex-end;padding:8px 20px 10px;display:flex}.large-title{font:700 28px/1.1 var(--font-display);letter-spacing:.005em;margin:0}.list-summary{color:var(--label-2);margin:-4px 20px 12px;font-size:15px}.list-summary strong{color:var(--label);font-weight:600}.group{background:var(--cell);border-radius:var(--radius);margin:0 16px;padding:0;list-style:none;overflow:hidden}.row{align-items:center;gap:10px;min-height:56px;padding:8px 12px 8px 14px;display:flex;position:relative}.row+.row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:44px;right:0}.row.plain+.row.plain:before{left:16px}@media (hover:hover){.row.interactive:hover{background:var(--cell-hover)}}.row-lead{width:20px;color:var(--label-3);flex-shrink:0;place-items:center;display:grid}.row-main{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:1px;min-width:0;padding:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.row-sub{color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.row-note{color:var(--label-2);white-space:normal;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.row-trail{color:var(--label-2);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:2px;font-size:15px;display:flex}.row.missed .row-title{color:var(--red)}.row.unread .row-lead{color:var(--accent)}.row .reveal{display:none}@media (hover:hover){.row:hover .reveal{display:inline-grid}}.empty{text-align:center;color:var(--label-2);padding:56px 24px;font-size:15px}.stage{min-height:0;padding-right:var(--safe-right);flex-direction:column;flex:1;display:flex;overflow-y:auto}.dialer{flex-direction:column;flex:1;justify-content:center;gap:clamp(8px,2dvh,22px);width:100%;max-width:420px;margin:0 auto;padding:clamp(10px,3dvh,32px) 24px clamp(12px,3dvh,32px);display:flex}.dial-display{min-height:calc(var(--key-size) * .75);flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;display:flex}.dial-display input{text-align:center;width:100%;font:400 clamp(28px, min(9vw, 5dvh), 40px) / 1.1 var(--font-display);letter-spacing:.02em;font-variant-numeric:tabular-nums;caret-color:var(--accent);background:0 0;border:0;outline:none;padding:0}.dial-display input::placeholder{color:var(--label-3);letter-spacing:0;font-size:.62em}.dial-hint{color:var(--accent);background:0 0;border:0;min-height:18px;padding:0;font-size:14px}.error{color:var(--red);font-size:14px}.center{text-align:center;margin:0}.keypad{grid-template-columns:repeat(3, var(--key-size));justify-content:center;gap:clamp(10px,1.8dvh,18px) clamp(18px,7vw,30px);display:grid}.key{width:var(--key-size);height:var(--key-size);background:var(--key);-webkit-user-select:none;user-select:none;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:background .35s ease-out;display:flex}.key:active{background:var(--key-active);transition:none}@media (hover:hover){.key:hover{filter:brightness(1.12)}}.key-digit{font:400 calc(var(--key-size) * .44) / 1 var(--font-display);letter-spacing:0}.key-sub{font-size:calc(var(--key-size) * .125);letter-spacing:.16em;color:var(--label);opacity:.85;min-height:calc(var(--key-size) * .14);margin-top:1px;font-weight:700}.key[data-digit=\*] .key-digit{font-size:calc(var(--key-size) * .55);transform:translateY(12%)}.action-row{grid-template-columns:repeat(3, var(--key-size));justify-content:center;place-items:center;gap:0 clamp(18px,7vw,30px);display:grid}.round{color:#fff;border:0;border-radius:50%;place-items:center;transition:filter .15s,transform 80ms;display:inline-grid}.round:not(:disabled):active{transform:scale(.94)}.round.big{width:var(--key-size);height:var(--key-size)}.round.big svg{width:calc(var(--key-size) * .38);height:calc(var(--key-size) * .38)}.round.green{background:var(--green)}.round.red{background:var(--red)}.round.side{width:calc(var(--key-size) * .66);height:calc(var(--key-size) * .66);color:var(--label);background:0 0;position:relative}.round.side:not(:disabled):hover{background:var(--fill-2)}.round.side.placeholder{visibility:hidden}.round.side .badge{top:0;right:-2px}.call-screen{--hue:215;padding:calc(28px + var(--safe-top)) calc(20px + var(--safe-right)) calc(22px + var(--safe-bottom)) calc(20px + var(--safe-left));color:#fff;background:radial-gradient(120% 70% at 20% 0%, hsl(var(--hue) 70% 38% / .9), transparent 60%), radial-gradient(90% 60% at 100% 100%, hsl(calc(var(--hue) + 40) 70% 30% / .9), transparent 60%), linear-gradient(180deg, hsl(var(--hue) 45% 14%), hsl(calc(var(--hue) + 20) 40% 7%));isolation:isolate;flex-direction:column;flex:1;align-items:center;gap:14px;display:flex;position:relative;overflow-y:auto}.call-screen:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 50% 30%, hsl(var(--hue) 90% 60% / .18), transparent 70%);animation:6s ease-in-out infinite breathe;position:absolute;inset:0}@keyframes breathe{50%{opacity:.4;transform:scale(1.08)}}@media (max-width:767px){.call-screen{z-index:40;position:fixed;inset:0}}.caller{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;width:100%;min-height:0;display:flex}.caller h2{font:600 clamp(26px, 5dvh, 34px) / 1.15 var(--font-display);letter-spacing:-.01em;word-break:break-word;text-shadow:0 2px 20px #00000040;margin:14px 0 0}.caller p{margin:0}.caller-sub{color:#ffffffb8;font-size:17px}.avatar{width:clamp(84px,16dvh,124px);height:clamp(84px,16dvh,124px);font:500 clamp(36px, 7dvh, 54px) / 1 var(--font-display);text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(20px);background:linear-gradient(160deg,#ffffff57,#ffffff1a);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 .5px #ffffff59,0 20px 50px #0000004d}.avatar svg{width:46%;height:46%}.avatar.ringing{animation:1.8s infinite ring}@keyframes ring{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 28px #0000}}.call-status{color:#ffffffc7;font-variant-numeric:tabular-nums;font-size:17px;margin-top:4px!important}.call-status.warn{color:#ffd60a}.stats{font-variant-numeric:tabular-nums;color:#ffffffbf;-webkit-backdrop-filter:blur(20px);background:#ffffff1f;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex;margin-top:10px!important}.stats .secure{color:#30d158;display:inline-flex}.transfer-status{font-size:15px;margin-top:6px!important}.transfer-status.accepted{color:#30d158}.transfer-status.failed,.call-screen .error{color:#ff6961}.controls{grid-template-columns:repeat(3,1fr);justify-items:center;gap:clamp(12px,2.4dvh,22px) 8px;width:100%;max-width:400px;display:grid}.ctl{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;display:flex}.ctl-icon{-webkit-backdrop-filter:blur(24px)saturate(160%);background:#ffffff29;border-radius:50%;place-items:center;width:clamp(60px,9dvh,76px);height:clamp(60px,9dvh,76px);transition:background .18s,color .18s,transform 80ms;display:grid}.ctl-icon svg{width:44%;height:44%}@media (hover:hover){.ctl:not(:disabled):hover .ctl-icon{background:#ffffff3d}}.ctl:not(:disabled):active .ctl-icon{transform:scale(.94)}.ctl.on .ctl-icon,.ctl.on:not(:disabled):hover .ctl-icon{color:#111;background:#fff}.ctl-label{color:#ffffffd9;font-size:13px;font-weight:500}.hangup-row{justify-content:center;padding-top:6px;display:flex}.call-screen .round.big{--key-size:clamp(64px, 9.5dvh, 78px)}.answer-row{justify-content:space-between;width:100%;max-width:360px;padding:0 12px;display:flex}.answer-col{color:#ffffffd9;flex-direction:column;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pulse{animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #30d1588c}to{box-shadow:0 0 0 22px #0000}}.panel{-webkit-backdrop-filter:blur(30px)saturate(160%);background:#00000047;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:400px;padding:16px;display:flex;box-shadow:inset 0 0 0 .5px #ffffff24}.panel .keypad{--key-size:clamp(50px, min(15vw, 7.5dvh), 64px)}.panel .key{color:#fff;background:#ffffff29}.panel .key:active{background:#fff6}.panel .key-sub{color:#fff}.dtmf-display{text-align:center;font:400 26px/1.2 var(--font-display);letter-spacing:.12em;font-variant-numeric:tabular-nums;min-height:31px}.panel .field span{color:#ffffffb3}.panel .field input{color:#fff;background:#ffffff24}.panel .field input::placeholder{color:#ffffff73}.panel .btn{color:#fff;background:#ffffff29}.panel .btn.primary,.call-screen .btn.primary.wide{color:#000;background:#fff}.call-screen .btn.primary.wide{max-width:400px}.call-list{flex-direction:column;gap:8px;width:100%;max-width:420px;margin:0;padding:0;list-style:none;display:flex}.call-list li,.incoming-banner{-webkit-backdrop-filter:blur(24px);background:#ffffff24;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.call-list li span{flex:1;min-width:0}.pill{color:#fff;background:#ffffff38;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.pill.danger{background:var(--red)}.incoming-banner{width:100%;max-width:420px}.ib-text{flex-direction:column;flex:1;min-width:0;display:flex}.ib-text span{color:#ffffffb3;font-size:13px}.round.small{width:42px;height:42px}.round.small svg{width:20px;height:20px}.settings{flex-direction:column;width:100%;max-width:640px;margin:0 auto;padding:4px 0 32px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.02em;color:var(--label-2);margin:22px 32px 7px;font-size:13px;font-weight:400}.section-foot{color:var(--label-2);margin:7px 32px 0;font-size:13px}.form-row{gap:16px;min-height:46px;padding:6px 16px;font-size:17px}.form-row>span:first-child{flex-shrink:0}.form-row .value{text-align:right;color:var(--label-2);white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:1;overflow:hidden}.form-row select{min-width:0;color:var(--label-2);text-align:right;text-align-last:right;appearance:none;cursor:pointer;background:0 0;border:0;outline:none;flex:1;padding:6px 0;font-size:17px}.form-row .chev{color:var(--label-3);flex-shrink:0}.form-row input[type=checkbox]{appearance:none;background:var(--fill);cursor:pointer;border-radius:999px;flex-shrink:0;width:51px;height:31px;margin:0 0 0 auto;transition:background .2s;position:relative}.form-row input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026}.form-row input[type=checkbox]:checked{background:var(--green)}.form-row input[type=checkbox]:checked:after{transform:translate(20px)}.group button.row{background:var(--cell);width:100%;color:var(--accent);border:0;justify-content:center;font-size:17px}.group button.row.danger{color:var(--red)}.settings .row-buttons{margin:20px 16px 0}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:13px}.field input{border-radius:var(--radius);border:0;outline:none;width:100%;padding:12px 14px;font-size:17px}@media (max-height:520px) and (orientation:landscape){:root{--key-size:clamp(40px, 11dvh, 56px)}.dialer{gap:6px;padding-top:6px;padding-bottom:6px}.avatar{display:none}.controls{max-width:620px}.ctl-icon{width:52px;height:52px}}.search{background:var(--fill-2);height:36px;color:var(--label-2);border-radius:10px;align-items:center;gap:6px;margin:0 16px 12px;padding:0 10px;display:flex}.search input{min-width:0;color:var(--label);background:0 0;border:0;outline:none;flex:1;font-size:17px}.search input::placeholder{color:var(--label-2)}.section-letter{color:var(--label-2);text-transform:uppercase;letter-spacing:.02em;margin:16px 32px 6px;font-size:13px;font-weight:600}.ngn-badge{letter-spacing:.01em;vertical-align:2px;color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.row-avatar{width:36px;height:36px;font:600 14px/1 var(--font-display);color:#fff;background:linear-gradient(160deg,#a1a1a6,#6e6e73);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.row-avatar.ngn{background:linear-gradient(160deg,#6fa8ff,#1f5fd6)}.group.contacts .row+.row:before{left:62px}.sync-note{color:var(--label-3);margin:8px 32px 0;font-size:12px}.sheet-backdrop{z-index:60;background:#0006;justify-content:center;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}@media (min-width:768px){.sheet-backdrop{align-items:center}}@keyframes fade{0%{opacity:0}}.sheet{background:var(--bg-grouped);width:min(520px,100%);max-height:92dvh;padding-bottom:calc(16px + var(--safe-bottom));box-shadow:var(--shadow);border-radius:14px 14px 0 0;animation:.28s cubic-bezier(.2,.9,.3,1) rise;overflow-y:auto}@media (min-width:768px){.sheet{border-radius:16px}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sheet-head,.page-head{justify-content:space-between;align-items:center;gap:8px;padding:14px 16px 6px 20px;display:flex}.sheet-head h2,.page-head h2{font:600 17px/1.2 var(--font-display);margin:0}.page-head .large-title{font-size:28px}.close-btn{background:var(--fill);width:30px;height:30px;color:var(--label-2);border:0;border-radius:50%;place-items:center;display:grid}.close-btn svg{width:14px;height:14px}.close-btn:hover{color:var(--label)}.sheet .group input.plain{min-width:0;color:var(--label);text-align:right;background:0 0;border:0;outline:none;flex:1;font-size:17px}.sheet .group input.plain::placeholder{color:var(--label-3)}.suggestions{background:var(--cell);border-radius:var(--radius);margin:6px 16px 0;padding:0;list-style:none;overflow:hidden}.suggestions button{text-align:left;background:0 0;border:0;justify-content:space-between;gap:8px;width:100%;padding:10px 14px;font-size:15px;display:flex}.suggestions li+li{border-top:.5px solid var(--separator)}.suggestions button:hover,.suggestions button.active{background:var(--cell-hover)}.caller-name-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.add-contact-hint{color:#fff9;font-size:13px;margin-top:2px!important}.inline-name{flex-direction:column;align-items:center;gap:6px;width:100%;max-width:360px;margin-top:12px;animation:.25s cubic-bezier(.2,.9,.3,1) rise;display:flex}.inline-name input{color:#fff;text-align:center;width:100%;font:600 clamp(24px, 4.5dvh, 30px) / 1.2 var(--font-display);background:0 0;border:0;border-bottom:1px solid #ffffff59;outline:none;padding:4px 0 6px}.inline-name input::placeholder{color:#ffffff73}.inline-number{color:#ffffffb3;font-variant-numeric:tabular-nums;margin:0;font-size:15px}.inline-suggest,.inline-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.inline-actions{margin-top:4px}.pill.on{color:#000;background:#ffffffe6}.pill.solid{color:#000;background:#fff}.caller-name-btn h2{text-underline-offset:6px;-webkit-text-decoration:underline dotted #fff6;text-decoration:underline dotted #fff6}.call-screen .ngn-badge{color:#fff;background:#fff3;margin:4px 0 0}.row-title{align-items:center;min-width:0;display:flex}.row-title .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row-title .ngn-badge{flex-shrink:0}.controls{flex-wrap:wrap;justify-content:center;column-gap:0;display:flex}.call-screen.with-panel .avatar,.call-screen.with-panel .add-contact-hint,.call-screen.with-panel .stats{display:none}.call-screen.with-panel .caller{flex:none;padding-top:4px}.call-screen.with-panel .caller h2{margin-top:0;font-size:22px}.controls>.ctl{flex:0 0 33.333%}@media (max-width:767px){.topbar .reg-label{display:none}}@media (max-height:520px) and (orientation:landscape){:root{--key-size:clamp(38px, 13dvh, 58px)}.dialer{grid-template-rows:1fr auto auto;grid-template-columns:minmax(200px,1fr) auto;align-items:center;column-gap:clamp(24px,6vw,64px);max-width:780px;display:grid}.dial-display{grid-area:1/1;min-height:0}.dialer>.error{grid-area:2/1}.action-row{grid-area:3/1}.keypad{grid-area:1/2/span 3;row-gap:8px}.topbar{padding-top:calc(6px + var(--safe-top));padding-bottom:6px}.tabbar button svg{width:22px;height:22px}.controls>.ctl{flex:0 0 16.666%}}.ctl:focus-visible{outline:none}.ctl:focus-visible .ctl-icon{outline-offset:3px;outline:2px solid #fff}
