:root{--fs:20px;--anim:.18s;--bubble:18px;--brand:#0e6b5a;--brand2:#1a8a74;--violet:#5b3cc4;--bg:#f3f6f5;--panel:#fff;--panel2:#f7faf9;--line:#dbe4e1;--ink:#14201d;--muted:#52625c;--mine:#d9f2ea;--theirs:#fff;--tl:#edf2f0;--danger:#c62828;--ok:#1f7a4d;--warn:#9a5b00;--radius:18px;--shadow:0 2px 10px #0c1f1a14}:root[data-theme=dark]{--brand:#4cc9a8;--brand2:#6fd8bb;--violet:#a88cff;--bg:#0d1513;--panel:#131d1b;--panel2:#17221f;--line:#243431;--ink:#e7f1ee;--muted:#9db0aa;--mine:#1d3f36;--theirs:#1a2724;--tl:#0f1917;--danger:#ef5350;--ok:#5ad19a;--warn:#f0b35a;--shadow:0 2px 10px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:var(--fs)/1.45 system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;overscroll-behavior:none}.reduce-motion *{transition:none!important;animation:none!important}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:var(--brand);color:#fff;min-height:48px;transition:transform var(--anim), background var(--anim), opacity var(--anim);border:0;border-radius:14px;padding:.5em 1em}:root[data-theme=dark] button:not(.ghost):not(.icon):not(.item):not(.tab):not(.sheet-item):not(.chip):not(.key):not(.q):not(.st):not(.pin-key):not(.vplay):not(.vspeed):not(.danger){color:#06241d}button:active{transform:scale(.97)}button.ghost{color:var(--brand);border:2px solid var(--line);background:0 0}button.icon{color:var(--brand);background:0 0;place-items:center;min-width:52px;padding:.3em .5em;font-size:1.2em;display:inline-grid}button.danger{background:var(--danger);color:#fff}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #f0b400}input,textarea,select{border:2px solid var(--line);background:var(--panel);border-radius:14px;width:100%;min-height:52px;padding:.55em .75em}select{width:auto}label{margin:.8em 0 .3em;font-weight:600;display:block}a{color:var(--brand)}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.85em}.block{font-weight:400;display:block}.center{text-align:center}.error{color:var(--danger);margin-top:.6em;font-weight:600}.logo{color:#fff;letter-spacing:-.02em;background:linear-gradient(140deg,#0e6b5a 0%,#1a8a74 45%,#5b3cc4 100%);border-radius:28%;flex:none;place-items:center;font-weight:800;display:grid;position:relative;box-shadow:0 4px 14px #5b3cc433}.logo span{background:#ffffff26;border-radius:.6em .6em .6em .15em;padding:.15em .35em;font-size:1em}.splash{height:100vh;color:var(--brand);align-content:center;place-items:center;gap:.8em;font-size:1.3em;font-weight:700;display:grid}.login{background:var(--panel);max-width:540px;box-shadow:var(--shadow);border-radius:24px;margin:6vh auto;padding:1.6em}.brand{align-items:center;gap:.9em;margin-bottom:.6em;display:flex}.login h1{color:var(--brand);margin:0;font-size:1.7em}.login .row{flex-wrap:wrap;gap:.6em;margin-top:1.2em;display:flex}.login #signin{flex:1}.shell{height:100vh;grid-template-columns:minmax(340px,420px) minmax(0,1fr);height:100dvh;display:grid}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.side-head,.chat-head{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:.45em;min-height:66px;padding:.5em .7em;display:flex}.side-head h2{color:var(--ink);letter-spacing:-.01em;flex:1;margin:0;font-size:1.25em}.searchbar{background:var(--panel2);border:2px solid var(--line);color:var(--muted);border-radius:16px;align-items:center;gap:.4em;margin:.5em .7em;padding:0 .7em;display:flex}.searchbar input{background:0 0;border:0;min-height:48px;padding:.3em 0}.searchbar input:focus-visible{outline:none}.searchbar:focus-within{border-color:var(--brand)}.list{flex:1;overflow-y:auto}.tabbar{border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid}.tab{color:var(--muted);background:0 0;border-radius:0;justify-items:center;gap:.1em;min-height:66px;padding:.45em .2em .5em;font-size:.8em;font-weight:600;display:grid;position:relative}.tab svg{transition:transform var(--anim)}.tab.on{color:var(--brand)}.tab.on:before{content:"";background:var(--brand);border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:28%;right:28%}.tab.on svg{transform:translateY(-1px)scale(1.08)}.tab-badge:empty{display:none}.tab-badge{background:var(--danger);color:#fff;border-radius:999px;min-width:1.5em;padding:0 .45em;font-size:.75em;position:absolute;top:.3em;left:56%}.item{border-bottom:1px solid var(--line);cursor:pointer;width:100%;min-width:0;color:inherit;text-align:left;min-height:80px;transition:background var(--anim);background:0 0;border-radius:0;align-items:center;gap:.75em;padding:.65em .85em;display:flex}.item:hover,.item.on{background:color-mix(in srgb, var(--brand) 9%, transparent)}.item .meta{flex:1;min-width:0}.item .name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25em;font-weight:700;display:flex;overflow:hidden}.item .last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85em;overflow:hidden}.item.unread .last{color:var(--ink);font-weight:600}.side-meta{text-align:right;justify-items:end;gap:.2em;display:grid}.item.missed .name{color:var(--danger)}.archived-row{min-height:60px;color:var(--muted)}.section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:.6em .9em .2em;font-size:.8em;font-weight:700}mark{color:#1d1b0f;background:#ffe58a;border-radius:4px;padding:0 .1em}.badge{background:var(--brand);color:#fff;text-align:center;border-radius:999px;min-width:1.6em;padding:0 .5em;font-size:.8em;font-weight:700}:root[data-theme=dark] .badge{color:#06241d}.avatar{color:#fff;border-radius:34%;flex:none;place-items:center;width:54px;height:54px;font-size:.95em;font-weight:700;display:grid}.avatar.ai{letter-spacing:.02em;background:linear-gradient(140deg,#5b3cc4,#0e6b5a);font-size:.8em}.avatar.phone{background:var(--panel2);color:var(--brand);border:2px solid var(--line)}.pill{color:#4a2fb0;vertical-align:middle;background:#ece6ff;border-radius:999px;margin-left:.3em;padding:.12em .5em;font-size:.66em;font-weight:700}.pill.grp{color:#1b5fa8;background:#e3f1ff}.pill.chan{color:#8a4b00;background:#fff0d9}.pill.ok{color:var(--ok);background:#dcf5e7}.pill.timer{color:#7a5200;background:#fff3cf}:root[data-theme=dark] .pill{filter:brightness(.9)saturate(.9)}.pinmark{color:var(--brand);display:inline-grid}.lock{color:var(--brand2);align-items:center;gap:.15em;display:inline-flex}.tick{color:var(--muted);letter-spacing:-.12em;font-size:.9em}.tick.read{color:#2b7bd6;font-weight:700}.tick.fail{color:var(--danger);font-weight:800}.main{background:var(--tl);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-head .title{cursor:pointer;flex:1;min-width:0}.chat-head .title .name{white-space:nowrap;text-overflow:ellipsis;font-size:1.08em;font-weight:700;overflow:hidden}.chat-head .title .sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.35em;font-size:.78em;display:flex}.back{display:none}.banner{color:#5c4000;background:#fff3cf;flex-wrap:wrap;align-items:center;gap:.4em;padding:.5em .9em;font-size:.88em;display:flex}.banner.warn{color:#7a1d10;background:#ffe2dd}.banner.info{color:#0c4a3d;background:#e6f4ef}.banner button{min-height:40px;padding:.2em .8em}.chip{background:var(--panel);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.3em;padding:.1em .6em;display:inline-flex}.chip .x{color:var(--muted);background:0 0;min-height:36px;padding:0 .3em}.timeline{background-color:var(--tl);background-image:radial-gradient(color-mix(in srgb, var(--brand) 7%, transparent) 1px, transparent 1px);background-size:22px 22px;flex-direction:column;flex:1;gap:.4em;padding:.8em 1em;display:flex;overflow-y:auto}.timeline.protected{-webkit-user-select:none;user-select:none;background-image:var(--wm), radial-gradient(color-mix(in srgb, var(--brand) 7%, transparent) 1px, transparent 1px);background-size:320px 180px,22px 22px}.veiled .timeline.protected,.veiled.locked .shell{filter:blur(22px)}.older{align-self:center}.day{color:var(--muted);background:var(--panel);box-shadow:var(--shadow);border-radius:999px;align-self:center;margin:.4em 0;padding:.2em .8em;font-size:.75em;font-weight:700}.msg{border-radius:var(--bubble);background:var(--theirs);word-wrap:break-word;white-space:pre-wrap;max-width:min(78%,720px);animation:pop var(--anim) ease-out;cursor:default;border-bottom-left-radius:6px;padding:.5em .8em .35em;position:relative;box-shadow:0 1px 2px #0c1f1a1a}.msg.mine{background:var(--mine);border-bottom-left-radius:var(--bubble);border-bottom-right-radius:6px;align-self:flex-end}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.msg.flash{outline:3px solid #f0b400}.msg .who{color:var(--brand2);font-size:.8em;font-weight:700}.msg .time{color:var(--muted);text-align:right;justify-content:flex-end;align-items:center;gap:.2em;margin-top:.1em;font-size:.7em;display:flex}.msg img{cursor:zoom-in;border-radius:12px;max-width:100%;max-height:380px;margin-top:.2em;display:block}.msg video{border-radius:12px;max-width:100%;max-height:380px}.msg.sticker,.msg.jumbo{box-shadow:none;background:0 0}.msg.jumbo .text{font-size:2.6em;line-height:1.15}img.sticker{cursor:default;width:150px;height:150px}.msg.system{text-align:center;color:#4a3b00;background:#fff7d6;border-radius:14px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:.4em;font-size:.88em;display:flex}:root[data-theme=dark] .msg.system{color:#eadfae;background:#2c2a1a}.msg.bad{color:var(--muted);font-style:italic}.msg.deleted{color:var(--muted);border:1px dashed var(--line);box-shadow:none;background:0 0;font-style:italic}.fwd{color:var(--muted);font-size:.78em;font-style:italic}.quote{border-left:4px solid var(--brand);background:color-mix(in srgb, var(--brand) 8%, transparent);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;margin-bottom:.3em;padding:.2em .6em;font-size:.88em;overflow:hidden}.quote b{color:var(--brand2);font-size:.9em;display:block}.reactions{flex-wrap:wrap;gap:.3em;margin-top:.3em;display:flex}.reactions .chip{min-height:44px;color:var(--ink);font-size:.95em}.reactions .chip.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 14%, var(--panel))}.ttl{color:var(--warn)}.file{align-items:center;gap:.3em;display:inline-flex}.voice{align-items:center;gap:.5em;min-width:min(300px,60vw);display:flex}.vplay{border-radius:50%;flex:none;place-items:center;width:50px;height:50px;min-height:50px;padding:0;display:grid}.bars{flex:1;align-items:center;gap:2px;height:36px;display:flex}.bars i,.recbars i{background:color-mix(in srgb, var(--ink) 30%, transparent);border-radius:2px;width:3px;display:block}.bars i.on{background:var(--brand)}.vtime{color:var(--muted);min-width:2.6em;font-size:.78em}.vspeed{background:var(--panel2);color:var(--ink);border:1px solid var(--line);border-radius:999px;min-width:52px;min-height:44px;padding:0 .5em;font-size:.8em;font-weight:700}.typing{color:var(--muted);min-height:1.6em;padding:.15em 1em;font-size:.85em}.replybar,.recbar{background:var(--panel);border-top:1px solid var(--line);align-items:center;gap:.6em;padding:.4em .8em;display:flex}.replybar>div{border-left:4px solid var(--brand);white-space:nowrap;text-overflow:ellipsis;flex:1;padding-left:.6em;font-size:.9em;overflow:hidden}.recbar .dot{background:var(--danger);border-radius:50%;width:14px;height:14px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.recbars{flex:1;align-items:center;gap:2px;height:40px;display:flex;overflow:hidden}.recbars i{background:var(--danger)}.composer{border-top:1px solid var(--line);background:var(--panel);padding:.5em;padding-bottom:max(.5em, env(safe-area-inset-bottom));align-items:flex-end;gap:.3em;display:flex}.composer textarea{resize:none;border-radius:22px;max-height:200px}.send-btn{border-radius:50%;flex:none;place-items:center;width:54px;height:54px;padding:0;display:grid}.rec-btn{width:54px;height:54px}.readonly{text-align:center;color:var(--muted);background:var(--panel);border-top:1px solid var(--line);padding:1em}.sticker-panel{background:var(--panel);border-top:1px solid var(--line);max-height:44vh;animation:up var(--anim) ease-out;padding:.5em;overflow:auto}.grid-st{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.4em;display:grid}.st{background:var(--panel2);border-radius:16px;min-height:92px;padding:.3em}.st img{width:80px;height:80px}.emoji-row{flex-wrap:wrap;gap:.2em;margin-top:.4em;display:flex}.q{min-width:52px;color:inherit;background:0 0;padding:.1em;font-size:1.5em}.empty{color:var(--muted);text-align:center;flex:1;place-items:center;padding:2em;display:grid}.welcome .logo{margin:0 auto 1em}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:.8em;padding:1em}.card h3{margin:0 0 .4em;font-size:1em}.call-actions{gap:.5em;padding:.7em;display:flex}.call-actions button{flex:1;justify-content:center;align-items:center;gap:.3em;display:inline-flex}.contact .icon{min-width:48px}.settings .set{margin:.7em}.me{align-items:center;gap:.8em;display:flex}.sec-grid{gap:.5em;display:grid}.sec-item{background:var(--panel2);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:.6em;padding:.5em .6em;display:grid}.sec-item.ok svg{color:var(--ok)}.sec-item.todo svg{color:var(--warn)}.switch{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:.6em;min-height:48px;margin:.5em 0;font-weight:600;display:grid;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.sw{background:var(--line);width:56px;height:32px;transition:background var(--anim);border-radius:999px;position:relative}.sw:after{content:"";width:26px;height:26px;transition:transform var(--anim);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.switch input:checked+.sw{background:var(--brand)}.switch input:checked+.sw:after{transform:translate(24px)}.switch input:focus-visible+.sw{outline-offset:2px;outline:3px solid #f0b400}.seg{border:2px solid var(--line);border-radius:14px;display:inline-flex;overflow:hidden}.seg button{color:var(--ink);background:0 0;border-radius:0}.seg button.on{background:var(--brand);color:#fff}.row-l{flex-wrap:wrap;gap:.5em;margin-top:.5em;display:flex}.modal,.sheet-wrap{z-index:50;animation:fade var(--anim);background:#0008;place-items:center;padding:1em;display:grid;position:fixed;inset:0}.modal.out,.sheet-wrap.out{opacity:0;transition:opacity .15s}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(24px)}}.modal .box{background:var(--panel);width:min(580px,100%);max-height:90vh;animation:up var(--anim) ease-out;border-radius:22px;padding:1.2em;overflow:auto}.modal .box h3{margin-top:0}.modal .row{flex-wrap:wrap;justify-content:flex-end;gap:.6em;margin-top:1em;display:flex}.sheet-wrap{place-items:end center;padding:0}.sheet{background:var(--panel);width:min(560px,100%);padding:.6em .6em max(.6em, env(safe-area-inset-bottom));animation:up var(--anim) ease-out;border-radius:24px 24px 0 0;gap:.3em;max-height:85vh;display:grid;overflow:auto}.sheet-item{background:var(--panel2);color:var(--ink);text-align:left;min-height:56px}.sheet-item.danger{color:var(--danger);background:var(--panel2)}.sheet-item.cancel{text-align:center;color:var(--muted)}.sheet-title{padding:.3em .5em;font-weight:700}.quick{justify-content:space-around;padding:.2em 0 .4em;display:flex}.check{align-items:center;gap:.6em;padding:.4em 0;font-weight:400;display:flex}.check input{width:28px;height:28px;min-height:0}.recovery-key,.safety{background:var(--panel2);border:2px dashed var(--brand);word-spacing:.3em;text-align:center;-webkit-user-select:all;user-select:all;border-radius:14px;margin:.6em 0;padding:.7em;font:700 1.05em/1.6 ui-monospace,Cascadia Mono,Consolas,monospace}canvas.qr{border-radius:12px;margin:.6em auto;display:block}.sas{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.4em;display:grid}.sas .emoji{text-align:center}.sas .big{font-size:2.2em}.ok{color:var(--ok)}.ai-actions{flex-wrap:wrap;gap:.5em;margin:.5em 0;display:flex}.ai-actions .inline{gap:.3em;display:inline-flex}.ask{gap:.4em;margin-top:.5em;display:flex}.ai-result:not(:empty){background:var(--panel2);border-left:4px solid var(--violet);white-space:pre-wrap;border-radius:12px;margin-top:.7em;padding:.7em}.ai-result .row{justify-content:flex-start}.memitem{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5em;padding:.3em 0;display:flex}.member{align-items:center;gap:.6em;padding:.3em 0;display:flex}.threat h4{margin:.6em 0 .2em}.threat ul{margin:0;padding-left:1.2em}.threat li{margin:.25em 0}.toast{color:#fff;z-index:90;box-shadow:var(--shadow);animation:up var(--anim);background:#10201c;border-radius:14px;max-width:92vw;padding:.6em 1.1em;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}.toast.out{opacity:0;transition:opacity .35s}.viewer{z-index:60;background:#000e;place-items:center;display:grid;position:fixed;inset:0}.viewer img{max-width:96vw;max-height:94vh}.dialer{background:var(--panel);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.dial-body{justify-items:center;gap:.8em;padding:1em;display:grid}#dial-number{text-align:center;letter-spacing:.04em;border:0;border-bottom:2px solid var(--line);background:0 0;border-radius:0;max-width:440px;font-size:1.8em;font-weight:600}.keypad{grid-template-columns:repeat(3,88px);gap:14px 22px;display:grid}.key{background:var(--panel2);width:88px;height:88px;color:var(--ink);border:1px solid var(--line);border-radius:50%;align-content:center;place-items:center;gap:0;padding:0;display:grid}.key .k{font-size:1.6em;line-height:1}.key .l{color:var(--muted);letter-spacing:.12em;min-height:1em;font-size:.55em}.dial-row{grid-template-columns:88px 88px 88px;place-items:center;gap:22px;display:grid}.round{border-radius:50%;place-items:center;width:76px;height:76px;padding:0;display:grid}.round.accept{color:#fff;background:#1f9d55}.round.danger{background:var(--danger);color:#fff}.dialer .card{width:min(520px,100%)}.call{color:#fff;z-index:40;animation:fade var(--anim);background:radial-gradient(120% 90% at 50% 0,#17322c 0%,#0a1412 70%);flex-direction:column;display:flex;position:fixed;inset:0}.call.closing{opacity:0;transition:opacity .16s}.call .top{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:1em;padding:.8em 1em;display:flex}.call .who{flex:1;min-width:0}.call .who .name{font-size:1.25em;font-weight:700}.call .row2{color:#bfe7db;gap:.8em;display:flex}.call .sec{justify-items:end;gap:.2em;display:grid}.call .lock{color:#8ff0cf}.call .warn{color:#ffcf8a}.call .code{letter-spacing:.1em;font-size:1.3em}.call .grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;justify-items:center;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.tile{aspect-ratio:16/10;width:min(100%,160dvh - 464px);min-width:200px;transition:border-color var(--anim);background:#1b2c28;border:3px solid #0000;border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.tile.speaking{border-color:#4be3b5}.tile video{object-fit:cover;width:100%;height:100%}.tile video.self{transform:scaleX(-1)}.tile .label{background:#0009;border-radius:10px;padding:.1em .6em;font-size:.9em;position:absolute;bottom:10px;left:10px}.tile .avatar{width:104px;height:104px;font-size:1.6em}.call.phone .grid{grid-template-columns:1fr;width:100%;max-width:520px;margin:0 auto}.captions{text-align:center;color:#e7fff7;min-height:3em;transition:opacity var(--anim);padding:.4em 1.2em;font-size:1.2em}.captions .tr{color:#ffd98a;font-size:.95em}.dtmf{grid-template-columns:repeat(3,72px);justify-content:center;gap:10px;padding:.5em;display:grid}.dtmf button{background:#2b3d39;border-radius:50%;width:72px;height:72px;font-size:1.4em}.controls{padding:1em;padding-bottom:max(1em, env(safe-area-inset-bottom));flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:1em;display:flex}.controls>button,.cc-wrap>button{color:#fff;background:#2b3d39;border-radius:50%;place-items:center;width:72px;height:72px;padding:0;display:grid}.controls button.off{color:#0c1614;background:#fff}.controls button.on{color:#06241d;background:#4be3b5}.controls button.end{background:var(--danger)}.cc-wrap{align-items:center;gap:.4em;display:flex}.cc-wrap select{color:#fff;background:#1b2c28;border-color:#2b3d39;min-height:48px}.ring{z-index:45;color:#fff;animation:fade var(--anim);text-align:center;background:radial-gradient(120% 90% at 50% 10%,#1e4a40 0%,#0a1412 75%);align-content:center;justify-items:center;gap:.6em;padding:1em;display:grid;position:fixed;inset:0}.ring.out{opacity:0;transition:opacity .2s}.ring .avatar{width:128px;height:128px;font-size:2.2em;animation:1.6s infinite pulse;box-shadow:0 0 #4be3b555}@keyframes pulse{70%{box-shadow:0 0 0 26px #4be3b500}to{box-shadow:0 0 #4be3b500}}.ring-name{font-size:1.6em;font-weight:700}.ring-sub{color:#bfe7db}.ring-actions{gap:4em;margin-top:2em;display:flex}.ra{justify-items:center;gap:.4em;display:grid}.lockscreen{z-index:100;color:#fff;text-align:center;animation:fade var(--anim);background:linear-gradient(160deg,#0e6b5a,#1b2340 70%,#5b3cc4);align-content:center;justify-items:center;gap:.8em;padding:1em;display:grid;position:fixed;inset:0}.lockscreen.open{opacity:0;transition:all .25s;transform:scale(1.04)}.lockscreen h2{margin:.3em 0 0}.lockscreen .muted{color:#cfe}.lock-badge{background:#ffffff1f;border-radius:50%;place-items:center;width:96px;height:96px;margin:0 auto;display:grid}.pin-input{text-align:center;letter-spacing:.4em;color:#fff;background:#ffffff14;border-color:#fff3;max-width:260px;font-size:1.4em}.pin-dots{gap:.7em;min-height:20px;display:flex}.pin-dots span{border:2px solid #fff;border-radius:50%;width:16px;height:16px}.pin-dots span.on{background:#fff}.pin-dots.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.pin-msg{color:#ffd98a;min-height:1.4em}.pin-pad{grid-template-columns:repeat(3,84px);gap:14px 22px;display:grid}.pin-key{color:#fff;background:#ffffff1c;border-radius:50%;place-items:center;width:84px;height:84px;padding:0;font-size:1.6em;display:grid}.locked .shell{visibility:hidden}@media (max-width:760px){.shell{grid-template-columns:minmax(0,1fr)}.shell.chat-open .side,.shell:not(.chat-open) .main{display:none}.back{display:inline-grid}.chat-head{gap:.1em;padding:.35em .3em}.chat-head .avatar{width:44px;height:44px}.chat-head .title .name{font-size:1em}.chat-head .title .sub{white-space:nowrap;text-overflow:ellipsis;flex-wrap:nowrap;display:block;overflow:hidden}.chat-head .title .sub:has(#verified-badge:not(:empty)) .lock .t{display:none}.chat-head button.icon{min-width:46px;padding:.2em}.msg{max-width:88%}.controls>button,.cc-wrap>button{width:64px;height:64px}.keypad,.pin-pad{grid-template-columns:repeat(3,80px);gap:12px 20px}.key,.pin-key{width:80px;height:80px}.dial-row{grid-template-columns:80px 80px 80px;gap:20px}.toast{bottom:90px}}