:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05030e;--bg-lift:#0d0926;--bg-lift-2:#151041;--line:#a096ff24;--line-strong:#a096ff52;--fg:#eae6ff;--fg-dim:#8f88b8;--fg-faint:#4a4570;--voice-1:#4d5bff;--voice-2:#22e3ff;--voice-3:#ff3df2;--voice:linear-gradient(92deg, var(--voice-1) 0%, var(--voice-2) 46%, var(--voice-3) 100%);--accent:var(--voice-2);--accept:#2fd07a;--end:#ff4d6d;--warn:#ffb020;--sky:radial-gradient(520px 380px at 88% -4%, #542abe33, transparent 65%), radial-gradient(440px 440px at -6% 104%, #007abe21, transparent 60%);--r-sm:12px;--r:18px;--r-lg:28px;--pill:999px;--ease:cubic-bezier(.3, .85, .25, 1);--d-fast:.22s;--d-mid:.4s;--d-screen:.55s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--font:"Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-display:"Unbounded", "Rubik", system-ui, sans-serif;--font-he:"Noto Sans Hebrew", "Rubik", system-ui, sans-serif}:root[data-sv-theme=zgen]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f3f7;--bg-lift:#fff;--bg-lift-2:#ececf5;--line:#16123a1f;--line-strong:#16123a4d;--fg:#16123a;--fg-dim:#16123a9e;--fg-faint:#16123a61;--voice-1:#2726ff;--voice-2:#ff00b4;--voice-3:#ff4d00;--voice:linear-gradient(100deg, var(--voice-1), var(--voice-2) 52%, var(--voice-3));--accent:var(--voice-1);--accept:#00a25a;--end:#ff3b30;--warn:#ff8a00;--sky:none;--font-he:"Karantina", "Noto Sans Hebrew", "Rubik", system-ui, sans-serif;--ease:cubic-bezier(.2, .9, .2, 1);--d-fast:.15s;--d-mid:.28s;--d-screen:.34s}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}body{background-image:var(--sky);background-attachment:fixed;position:relative;overflow-x:hidden}#sv-cosmos{z-index:0;pointer-events:none;position:fixed;inset:0}#app,.incoming{z-index:1;position:relative}#app{min-height:100vh;min-height:100dvh;padding:calc(var(--safe-top) + 14px) 20px calc(var(--safe-bottom) + 18px);flex-direction:column;max-width:620px;margin:0 auto;display:flex}main{flex:1}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}#topbar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.brand-mark{font:600 10px var(--font-display);letter-spacing:.5em;text-transform:lowercase;color:var(--fg-dim)}.whoami{font:300 12px var(--font);color:var(--fg-dim);align-items:center;gap:8px;min-width:0;display:flex}.whoami .btn{min-height:0;padding:6px 10px;font-size:10px}#sv-theme-btn{font:500 10px/1 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--pill);transition:color var(--d-fast), border-color var(--d-fast);flex:none;margin-inline-start:auto;padding:8px 13px}#sv-theme-btn:hover,#sv-theme-btn:focus-visible{color:var(--fg);border-color:var(--line-strong)}.footer{font:300 10px var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);margin-top:26px}body:not([data-debug]) .footer{display:none}h1,.screen-title{font-family:var(--font-display);letter-spacing:-.02em;background:var(--voice);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-weight:800;line-height:1.04;animation:9s linear infinite sv-shim}h1{font-size:clamp(30px,9vw,42px)}.screen-title{font-size:clamp(30px,9vw,40px)}:root[data-sv-theme=zgen] h1,:root[data-sv-theme=zgen] .screen-title{font-size:clamp(34px,11vw,54px);font-weight:900}@keyframes sv-shim{0%{background-position:0 0}to{background-position:100% 0}}h2{font:600 17px var(--font-display);margin:0 0 8px}h3{font:500 14px var(--font);margin:0 0 6px}.hint,.field-note,.mode-explainer,.incoming-explainer,.outgoing-detail{color:var(--fg-dim);font:300 14px/1.55 var(--font);max-width:34ch;margin:0 0 18px}.label,.incoming-eyebrow,.selfmon-title{font:300 10px var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint)}.error{color:var(--end);font:400 13px/1.5 var(--font);border:1px solid color-mix(in srgb, var(--end) 40%, transparent);border-radius:var(--r-sm);margin:14px 0 0;padding:12px 14px}.banner{border:1px solid var(--line);border-radius:var(--r);font:300 13.5px/1.5 var(--font);color:var(--fg-dim);background:color-mix(in srgb, var(--bg-lift) 70%, transparent);margin-bottom:20px;padding:13px 16px}.btn{border-radius:var(--pill);min-height:46px;font:500 11.5px var(--font-display);letter-spacing:.12em;color:var(--fg);background:linear-gradient(var(--bg-lift), var(--bg-lift)) padding-box, var(--voice) border-box;transition:transform var(--d-fast) var(--ease), filter var(--d-fast), opacity var(--d-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:13px 22px;display:inline-flex}.btn:active{filter:brightness(1.15);transform:scale(.96)}.btn:disabled{opacity:.35}.btn-primary{width:100%}.btn-ghost{border:1px solid var(--line);color:var(--fg-dim);background:0 0;font-weight:400}.btn-ghost:active{filter:none;background:color-mix(in srgb, var(--fg) 6%, transparent)}.btn-danger,.btn-flag{border:1px solid color-mix(in srgb, var(--end) 45%, transparent);color:var(--end);background:0 0}.step-back{color:var(--fg-dim);font:300 12px var(--font);letter-spacing:.08em;padding:12px 0}:root[data-sv-theme=zgen] .btn{color:#fff;background:linear-gradient(100deg, var(--voice-1), var(--voice-2));border:0;font-weight:700;box-shadow:0 5px #16123a24}:root[data-sv-theme=zgen] .btn:active{transform:translateY(3px)scale(.99);box-shadow:0 2px #16123a24}:root[data-sv-theme=zgen] .btn-ghost{color:var(--fg-dim);border:1px solid var(--line);box-shadow:none;background:0 0}.round{color:#fff;width:66px;height:66px;transition:transform var(--d-fast) var(--ease), box-shadow var(--d-fast);border-radius:50%;place-items:center;display:grid}.round svg{width:26px;height:26px}.round:active{transform:scale(.93)}.round-label{display:none}.round-accept{background:var(--accept);box-shadow:0 0 30px -8px var(--accept)}.round-end{background:var(--end);box-shadow:0 0 30px -8px var(--end)}.round-mute{background:var(--bg-lift-2);color:var(--fg);border:1px solid var(--line)}.round-mute[aria-pressed=true]{background:var(--warn);color:#241800}:root[data-sv-theme=zgen] .round-accept,:root[data-sv-theme=zgen] .round-end{box-shadow:0 5px #16123a29}.screen{animation:sv-enter var(--d-screen) var(--ease)}@keyframes sv-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.people{margin:0;padding:0;list-style:none}.card{cursor:pointer;padding:18px 2px;display:block;position:relative}.card+.card{border-top:1px solid var(--line)}.card-head{align-items:center;gap:12px;min-width:0;min-height:46px;display:flex;overflow:hidden}.card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:52%;font-family:var(--font-display);letter-spacing:-.015em;text-shadow:0 0 26px color-mix(in srgb, var(--voice-2) 26%, transparent);flex:0 auto;font-size:clamp(26px,8vw,34px);font-weight:700;line-height:1.02;overflow:hidden}.card-name:lang(he),.card-name[dir=rtl]{font-family:var(--font-he);font-weight:600}.card-dir{text-overflow:ellipsis;min-width:0;font:400 11px var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);white-space:nowrap;flex:0 auto;margin-inline-start:auto;overflow:hidden}.card-dir[data-direct]{color:var(--fg-faint)}.card-ctx{opacity:0;transition:grid-template-rows var(--d-mid) var(--ease), opacity var(--d-fast), padding var(--d-fast);grid-template-rows:0fr;display:grid;overflow:hidden}.card-ctx>*{min-height:0}.card.open .card-ctx{opacity:1;grid-template-rows:1fr;padding-top:14px}.card-explain{font:300 13.5px/1.5 var(--font);color:var(--fg-dim);max-width:34ch;margin:0 0 12px}.card-acts{flex-wrap:wrap;gap:10px;display:flex}.card-acts .btn:before{content:"позвонить"}.card-acts .btn:after{content:"↑";font-size:13px}.avatar{display:none}.presence{border-radius:50%;flex:none;width:8px;height:8px;font-size:0}.presence[data-state=online]{background:var(--accept);box-shadow:0 0 12px var(--accept)}.presence[data-state=offline]{background:var(--fg-faint)}.presence[data-state=unknown]{box-shadow:inset 0 0 0 1.5px var(--fg-faint)}.screen-hint{font:300 11px var(--font);letter-spacing:.14em;color:var(--fg-faint);margin:-4px 0 22px}:root[data-sv-theme=zgen] .card-name{letter-spacing:-.03em;color:var(--voice-1);text-shadow:none;font-size:clamp(32px,11vw,56px);font-weight:900}:root[data-sv-theme=zgen] .card-name:lang(he),:root[data-sv-theme=zgen] .card-name[dir=rtl]{color:var(--voice-3);font-size:clamp(40px,14vw,68px);font-weight:700;line-height:.84}:root[data-sv-theme=zgen] .card-dir{color:var(--voice-2);font-weight:600}.card-meta .badge,.card-meta code,.card-toggle{display:none}body[data-debug] .card-meta .badge,body[data-debug] .card-meta code,body[data-debug] .card-toggle{align-items:center;gap:5px;display:inline-flex}.badge{font:400 10px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);border:1px solid var(--line);border-radius:var(--pill);padding:3px 9px}.joinbox{margin-top:24px}.joinbox summary{cursor:pointer;color:var(--fg-dim);font:300 13px var(--font);border-top:1px solid var(--line);padding:14px 0;list-style:none}.joinbox summary::-webkit-details-marker{display:none}.joinbox-row{gap:10px;padding-bottom:8px;display:flex}.joinbox-row input{flex:1}.intro{text-align:center;margin:4vh 0 24px}.intro-mark{color:var(--voice-2);width:54px;height:54px;margin:0 auto 18px}.intro-mark svg{width:100%;height:100%;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--voice-2) 55%, transparent))}.intro .hint{margin-inline:auto}.auth-card{border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg-lift) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-direction:column;gap:12px;padding:22px;display:flex}:root[data-sv-theme=zgen] .auth-card{background:var(--bg-lift);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px #16123a0f}.auth-card label{font:300 10px var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint)}input,select{border-radius:var(--r);border:1px solid var(--line);background:color-mix(in srgb, var(--fg) 4%, transparent);width:100%;min-height:54px;color:var(--fg);font:500 20px var(--font-display);letter-spacing:.03em;transition:border-color var(--d-fast), box-shadow var(--d-fast);outline:none;padding:14px 16px}input::placeholder{color:var(--fg-faint);font-weight:300}input:focus,select:focus{border-color:var(--voice-2);box-shadow:0 0 0 4px color-mix(in srgb, var(--voice-2) 18%, transparent)}select{font:400 16px var(--font)}.profile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-grid label{flex-direction:column;gap:8px;display:flex}.verified-destination{font:300 13px var(--font);color:var(--fg-dim);margin:0}.verified-destination strong{color:var(--fg);font-weight:500}.dev-code{border:1px dashed var(--line-strong);border-radius:var(--r);color:var(--fg-dim);font:300 11px var(--font);letter-spacing:.16em;text-transform:uppercase;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.dev-code strong{font:700 30px var(--font-display);letter-spacing:.22em;color:#0000;background:var(--voice);-webkit-background-clip:text;background-clip:text}.dev-code small{text-transform:none;letter-spacing:0;color:var(--fg-faint);font-size:11px}.steps{margin-top:20px}.step-q{font:600 18px var(--font-display);margin-bottom:14px}.choices{gap:12px;display:flex}.choice{border:1px solid var(--line);border-radius:var(--r-lg);color:var(--fg);transition:border-color var(--d-fast), transform var(--d-fast) var(--ease);flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 12px;display:flex}.choice:active{border-color:var(--line-strong);transform:scale(.97)}.choice-ico{font-size:26px}.choice-t{font:400 13px var(--font);color:var(--fg-dim)}.phone-auth{flex-direction:column;gap:16px;display:flex}.screen-call{flex-direction:column;min-height:70vh;display:flex}.call-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.call-peer{flex-direction:column;gap:6px;min-width:0;display:flex}#call-peer-name{font:600 clamp(30px, 9vw, 42px) var(--font-display);letter-spacing:-.02em;line-height:1.04}#call-peer-name:lang(he),#call-peer-name[dir=rtl]{font-family:var(--font-he)}.call-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}body:not([data-debug]) .call-badges{display:none}.sv-callwave{pointer-events:none;width:100%;height:116px;margin:10px 0 14px;display:block}.subtitles{flex-direction:column;flex:1;gap:10px;padding:6px 0 18px;display:flex}.subtitle-committed{font:400 clamp(19px, 5.4vw, 24px)/1.42 var(--font);color:var(--fg)}:root:not([data-sv-theme=zgen]) .subtitle-committed{text-shadow:0 0 26px #5aaaff38}.subtitle-partial{font:300 clamp(17px, 5vw, 22px)/1.42 var(--font);color:var(--fg-dim)}.subtitle-empty{color:var(--fg-faint);font:300 13px var(--font)}.controls{justify-content:center;gap:26px;margin-top:auto;padding:14px 0 6px;display:flex}.invite{flex-direction:column;gap:8px;margin:12px 0;display:flex}.unlock,.audio-hint{border:1px solid var(--line);border-radius:var(--r);color:var(--fg-dim);font:300 13px/1.5 var(--font);margin:10px 0;padding:14px 16px}.audio-hint strong{color:var(--fg);font-weight:500}.metrics,.selfmon,.judge,.sub-line{font:300 12px var(--font);color:var(--fg-faint)}body:not([data-debug]) .metrics,body:not([data-debug]) .selfmon,body:not([data-debug]) .judge{display:none}.selfmon-src,.selfmon-dst{color:var(--fg-dim);margin:4px 0;font-size:13px}.judge-row{flex-wrap:wrap;gap:10px;display:flex}.judge-fix{gap:10px;margin-top:10px;display:flex}.judge-fix input{font:400 15px var(--font);flex:1;min-height:46px}.outgoing{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:8px;padding:16px 2px 18px;display:flex}.outgoing-main{flex:1;min-width:0}.outgoing-main strong{font:600 19px var(--font-display);display:block}.outgoing-detail{margin:4px 0 0;font-size:13px}.outgoing-pulse{background:var(--voice-2);width:10px;height:10px;box-shadow:0 0 0 0 color-mix(in srgb, var(--voice-2) 60%, transparent);border-radius:50%;flex:none;animation:1.8s ease-out infinite sv-pulse}@keyframes sv-pulse{to{box-shadow:0 0 0 18px #0000}}.outgoing .round{width:56px;height:56px}.incoming{background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.incoming[hidden]{display:none}.incoming-card{text-align:center;width:min(100%,420px);padding:34px 26px calc(30px + var(--safe-bottom));border:1px solid var(--line);border-radius:var(--r-lg);background:color-mix(in srgb, var(--bg-lift) 88%, transparent);animation:sv-enter var(--d-screen) var(--ease);flex-direction:column;align-items:center;gap:12px;display:flex}.incoming-title{font:700 clamp(30px, 9vw, 40px) var(--font-display);letter-spacing:-.02em;line-height:1.05}.incoming-title:lang(he),.incoming-title[dir=rtl]{font-family:var(--font-he)}.incoming-meta{color:var(--fg-dim);font:300 13px var(--font);gap:10px;display:flex}.incoming-actions{gap:30px;margin-top:10px;display:flex}.incoming-note{margin-top:6px}.sv-thread{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}li.card.sv-armed:after{content:"";border-radius:var(--r);border:1px solid var(--accept);box-shadow:0 0 26px -8px var(--accept);pointer-events:none;position:absolute;inset:-4px -10px}#screen-call.sv-armed{opacity:.82}@media (prefers-reduced-motion:reduce){h1,.screen-title,.outgoing-pulse,.screen,.incoming-card{animation:none}.btn,.round,.card,.choice,#sv-theme-btn,input,select{transition:none!important}}.sv-lab{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:16px;display:flex}.sv-lab:before{content:"лаборатория";width:100%;font:300 10px var(--font);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint)}.sv-lab #sv-eng,.sv-lab #sv-push{letter-spacing:.1em;white-space:pre-line;border-radius:var(--pill)!important;width:auto!important;height:auto!important;font:500 11px var(--font)!important;box-shadow:none!important;padding:11px 16px!important;position:static!important;bottom:auto!important;right:auto!important}
