*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;height:100%}
html{background:#131518;color-scheme:dark}
body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a{color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:4px}
.app-mimic :focus-visible{outline-color:var(--signal)}
kbd{font-family:var(--font-mono);font-size:11px;font-weight:500;line-height:1;display:inline-block;min-width:18px;padding:3px 5px;text-align:center;border:1px solid var(--line-strong);border-bottom-width:2px;border-radius:5px;color:var(--fg-soft);background:var(--bg-raise)}
kbd.pulse{animation:kbd-pulse .18s var(--ease-out)}
@keyframes kbd-pulse{0%{transform:scale(1.12);border-color:var(--amber);color:var(--amber)}100%{transform:scale(1)}}
.sr-live{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.session{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) var(--band) var(--bar);overflow:clip;background:var(--bg);color:var(--fg);isolation:isolate}
.bg-field,.bg-glow,.grain{position:absolute;inset:0;z-index:-1;pointer-events:none}
.bg-field{background:repeating-linear-gradient(0deg,var(--line) 0 1px,transparent 1px calc(var(--rod)*9));opacity:.28;-webkit-mask-image:radial-gradient(120% 100% at 50% 0%,#000 10%,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 0%,#000 10%,transparent 78%)}
.bg-glow{inset:-8%;background:radial-gradient(70% 55% at 10% -6%,var(--amber-glow),transparent 64%),radial-gradient(60% 50% at 96% 108%,var(--signal-glow),transparent 62%);animation:glow-in .6s var(--ease-out) both,glow-drift 22s ease-in-out infinite alternate;will-change:transform}
.session[data-mode="meeting"] .bg-glow{background:radial-gradient(70% 55% at 10% -6%,var(--signal-glow),transparent 64%),radial-gradient(60% 50% at 96% 108%,var(--amber-glow),transparent 62%)}
.session.paused .bg-glow,.session.hidden .bg-glow{animation-play-state:paused}
.grain{width:100%;height:100%;opacity:var(--grain);mix-blend-mode:overlay}
@keyframes glow-in{from{opacity:0}to{opacity:1}}
@keyframes glow-drift{from{transform:translate3d(-2%,-1.5%,0)}to{transform:translate3d(2%,1.5%,0)}}
.mast{display:flex;align-items:center;gap:var(--s3);min-width:0;padding:var(--s3) var(--gutter)}
.wordmark{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;border-radius:6px;padding:4px 2px}
.wordmark svg{width:22px;height:22px;flex:none}
.wordmark b{color:#FFB224;font-weight:700}
.chip-page{font:600 10.5px/1 var(--font-mono);letter-spacing:.18em;padding:5px 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--fg-mute);white-space:nowrap}
.sibs{display:flex;gap:2px;margin-left:auto;min-width:0}
.sib{font:500 12.5px/1 var(--font-mono);padding:8px 10px;border-radius:8px;color:var(--fg-mute);text-decoration:none;transition:color var(--dfast),background var(--dfast)}
.sib:hover{color:var(--fg);background:var(--line)}
.sib[aria-current="page"]{color:var(--amber)}
.btn,.btn-chapters{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:color-mix(in srgb,var(--bg-raise) 80%,transparent);font:500 13px/1 var(--font-body);color:var(--fg-soft);transition:transform var(--dfast) var(--ease-out),border-color var(--dfast),color var(--dfast)}
.btn:hover,.btn-chapters:hover{transform:translateY(-1px);border-color:var(--line-strong);color:var(--fg)}
.btn:active,.btn-chapters:active{transform:translateY(0) scale(.98)}
.btn[disabled]{opacity:.38;pointer-events:none}
.sibs + .btn-chapters{margin-left:var(--s2)}
.stage{position:relative;display:grid;min-width:0;min-height:0;padding:clamp(12px,2.4vh,32px) var(--gutter) clamp(10px,1.8vh,22px);column-gap:clamp(24px,4vw,80px);row-gap:var(--s4)}
.head{grid-area:head;align-self:center;min-width:0}
.sim-area{grid-area:sim;position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;touch-action:pan-y}
.sim-frame{position:relative;min-height:0;min-width:0}
.sim-host{position:absolute;left:0;top:0;transform-origin:top left;contain:layout paint style;container:sim / inline-size}
.sim-disclose{margin:0;justify-self:end;font:500 11px/16px var(--font-mono);letter-spacing:.04em;color:var(--fg-faint)}
.sim-disclose[hidden]{display:none}
.session[data-layout="hero"] .stage{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"head sim"}
.session[data-layout="split"] .stage{grid-template-columns:minmax(0,1.55fr) minmax(0,.7fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"sim head"}
.session[data-layout="split-r"] .stage{grid-template-columns:minmax(0,.7fr) minmax(0,1.55fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"head sim"}
.session[data-layout="full"] .stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head" "sim"}
.session[data-layout="full"] .head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:var(--s6)}
.session[data-layout="full"] .kicker{margin-bottom:.55em;white-space:nowrap}
.kicker{display:flex;align-items:center;gap:10px;margin:0;font:600 var(--step--1)/1.3 var(--font-mono);letter-spacing:.16em;color:var(--fg-mute)}
.kicker-dot{width:6px;height:6px;flex:none;background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}
.session[data-mode="meeting"] .kicker-dot{background:var(--signal);box-shadow:0 0 0 4px var(--signal-soft)}
.title{margin:.42em 0 0;font-family:var(--font-display);font-weight:600;font-size:var(--step-3);line-height:1.02;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
.session[data-layout="hero"] .title{font-size:var(--step-4)}
.session[data-layout="full"] .title{margin:0;max-width:none}
.title .ln{display:block;padding-bottom:.06em}
.title .ln > span{display:inline-block}
.head.enter .kicker{animation:rise .42s var(--ease-out) var(--d0,.12s) both}
.head.enter .ln > span{animation:rise .46s var(--ease-out) calc(var(--d0,.12s) + .06s + var(--i,0)*70ms) both}
@keyframes rise{from{opacity:.16;transform:translateY(.38em)}to{opacity:1;transform:none}}
.band{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;min-width:0;padding:12px var(--gutter);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg-raise) 96%,transparent)}
.band .ghost{display:flex;align-items:center;gap:10px;min-width:0;height:24px;font:400 12.5px/24px var(--font-mono);color:var(--fg-mute)}
.band .lbl,.cap-src .lbl{flex:none;font:600 10px/1 var(--font-mono);letter-spacing:.16em;color:var(--fg-faint)}
.band .gt{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.band .gt.over{-webkit-mask-image:linear-gradient(90deg,transparent,#000 48px);mask-image:linear-gradient(90deg,transparent,#000 48px)}
.band[data-state="final"] .ghost{padding-left:8px;border-left:2px solid var(--line-strong);color:var(--fg-soft)}
.band .replay{flex:none;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:6px;border:1px solid var(--line);font:500 11.5px/1 var(--font-mono);color:var(--fg-mute)}
.band .replay:hover{color:var(--amber);border-color:var(--amber-soft)}
.band .replay[hidden]{display:none}
.band .turn{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--r-card);background:var(--panel);transition:border-color var(--dslow)}
.band[data-state="final"] .tr.over{-webkit-mask-image:linear-gradient(#000 calc(100% - 26px),transparent calc(100% - 4px));mask-image:linear-gradient(#000 calc(100% - 26px),transparent calc(100% - 4px))}
.band[data-state="final"] .gt.over{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
.band .more{display:none;flex:none;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);font:500 11px/1 var(--font-mono);color:var(--fg-soft)}
.band .more:hover{color:var(--fg);border-color:var(--fg-mute)}
.band[data-state="final"]:not(.open):has(.tr.over,.gt.over) .more{display:inline-flex}
.band.open{position:fixed;z-index:35;left:0;right:0;bottom:var(--bar);max-height:60vh;justify-content:flex-start;overflow-y:auto;padding:14px var(--gutter) 16px;box-shadow:var(--shadow);border-top-color:var(--line-strong);cursor:pointer}
.band.open .tr,.band.open[data-state] .tr.over{max-height:none;-webkit-mask-image:none;mask-image:none}
.band.open .gt,.band.open[data-state] .gt.over{white-space:normal;-webkit-mask-image:none;mask-image:none}
.band.open .ghost{height:auto;flex-wrap:wrap;row-gap:8px;line-height:1.5}
.band.open .ghost .gt{flex:1 1 100%;order:2}
.band .tr{margin:0;max-height:calc(2 * 1.45em + 16px);overflow:hidden;padding:8px 14px;font-size:var(--step-0);font-weight:500;line-height:1.45;color:var(--fg)}
.band .tr.over{-webkit-mask-image:linear-gradient(transparent 6px,#000 24px);mask-image:linear-gradient(transparent 6px,#000 24px)}
.band[data-state="idle"] .tr{color:var(--fg-faint)}
.tr.active,.cap-tr.active{border-color:var(--amber)}
.band[data-state="ghost"] .tr.active,.cap-turn[data-state="ghost"] .cap-tr.active{border-color:color-mix(in srgb,var(--amber) 38%,var(--line))}
.band .turn:has(.tr.active){border-color:var(--amber)}
.band[data-state="ghost"] .turn:has(.tr.active){border-color:color-mix(in srgb,var(--amber) 38%,var(--line))}
.tr.active::after,.cap-tr.active::after{content:'▌';display:inline-block;margin-left:2px;color:var(--amber);animation:blink 1s steps(2,start) infinite}
@keyframes blink{50%{opacity:0}}
.w{display:inline-block;animation:w-in .16s var(--ease-out) both}
.w.w0{animation:none}
@keyframes w-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
.band .sheet-close{display:none}
.band .chk{flex:none;display:inline-flex;align-items:center;gap:7px;max-width:min(44ch,46%);height:24px;margin:0;padding:0 10px 0 6px;border:1px solid var(--line-strong);border-radius:999px;font:500 12px/1 var(--font-body);color:var(--fg);transition:border-color var(--dfast),color var(--dfast),background var(--dfast)}
.band .chk:hover{border-color:var(--ok);color:var(--fg)}
.band .chk[hidden]{display:none}
.chk .bx{flex:none;width:14px;height:14px;padding:1px;border-radius:4px;border:1.5px solid var(--fg-mute);color:transparent;transition:background var(--dur),border-color var(--dur),color var(--dur)}
.chk .bx svg{display:block;width:100%;height:100%}
.chk .lb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chk[aria-pressed="true"]{border-color:color-mix(in srgb,var(--ok) 60%,transparent);background:color-mix(in srgb,var(--ok) 11%,transparent);color:var(--fg)}
.chk[aria-pressed="true"] .bx{background:var(--ok);border-color:var(--ok);color:#06130d}
.chk.pop .bx{animation:chk-pop .36s var(--spring)}
@keyframes chk-pop{from{transform:scale(.5)}to{transform:none}}
.sl-check{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;color:var(--fg-mute);background:var(--line);transition:color var(--dslow),background var(--dslow)}
.sl-check svg{display:block;width:11px;height:11px}
.sl-check b{color:var(--fg-soft);font-weight:600}
.sl-check.all{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}
.sl-check.all b{color:var(--ok)}
.sl-check.bump b{display:inline-block;animation:roll .22s var(--ease-out)}
.sl-prog .rod[data-ok] i{background:color-mix(in srgb,var(--ok) 72%,transparent)}
.sl-prog .rod[data-ok][data-s="now"] i{background:var(--ok);box-shadow:0 0 8px color-mix(in srgb,var(--ok) 45%,transparent)}
.dr-left{margin:18px 0 0}
.dr-left h3{margin:0 0 8px;font:600 10.5px/1 var(--font-mono);letter-spacing:.16em;color:var(--fg-faint)}
.dr-left ul{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.dr-left button{display:flex;align-items:baseline;gap:10px;width:100%;padding:7px 8px;border-radius:8px;text-align:left;font-size:14px;line-height:1.35;color:var(--fg-soft)}
.dr-left button:hover{background:var(--line);color:var(--fg)}
.dr-left b{flex:none;font:600 12px var(--font-mono);color:var(--amber)}
.dr-left p{margin:0;color:var(--ok)}
.cap-turn{display:grid;gap:6px;min-width:0}
.cap-who{justify-self:start;font:600 9.5px/1 var(--font-mono);letter-spacing:.12em;padding:4px 6px;border-radius:4px;background:var(--line);color:var(--fg-soft)}
.cap-turn[data-accent="signal"] .cap-who{background:var(--signal-soft);color:var(--signal)}
.cap-src{margin:0;display:flex;gap:8px;align-items:baseline;font:400 12.5px/1.5 var(--font-mono);color:var(--fg-mute);min-height:1.5em}
.cap-turn[data-state="final"] .cap-src{padding-left:8px;border-left:2px solid var(--line-strong);color:var(--fg-soft)}
.cap-tr{margin:0;padding:9px 13px;min-height:calc(1.45em + 20px);border:1px solid var(--line);border-radius:12px;background:var(--panel);font-size:16px;font-weight:500;line-height:1.45;color:var(--fg);transition:border-color var(--dslow)}
.cap-turn[data-accent="signal"] .cap-tr.active{border-color:var(--signal)}
.cap-turn[data-accent="signal"] .cap-tr.active::after{color:var(--signal)}
.statusline{grid-row:4;position:relative;display:flex;align-items:center;gap:var(--s3);min-width:0;padding:0 var(--gutter);border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg-raise) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 var(--step--1)/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg-mute);white-space:nowrap}
.session.boot .statusline{animation:bar-in .32s var(--ease-out) .06s both}
@keyframes bar-in{from{transform:translateY(55%);opacity:.35}to{transform:none;opacity:1}}
.sl-mark{display:inline-flex;color:var(--fg)}
.sl-mark svg{width:16px;height:16px;overflow:visible}
.sl-mark .swoosh{transform-box:fill-box;transform-origin:50% 100%}
.sl-pill{display:inline-flex;align-items:center;gap:7px}
.sl-pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent);transition:background var(--dur),box-shadow var(--dur)}
.sl-pill[data-state="connecting"] .dot{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}
.sl-pill[data-state="paused"] .dot{background:var(--fg-faint);box-shadow:none}
.sl-pill .txt{color:var(--fg-soft)}
.sl-clock{color:var(--fg-faint)}
.sl-mode{padding:5px 8px;border-radius:6px;font-weight:600}
.sl-mode[data-mode="video"]{color:var(--amber);background:var(--amber-soft)}
.sl-mode[data-mode="meeting"]{color:var(--signal);background:var(--signal-soft)}
.sl-mode[data-mode="none"],.sl-pair:empty{display:none}
.sl-pair{color:var(--fg-soft)}
.sl-meter{display:inline-flex;align-items:center;gap:8px}
.sl-meter .db{min-width:52px;color:var(--fg-faint)}
.vx-meter{display:inline-flex;align-items:center;gap:calc(var(--rod)*.6)}
.vx-meter i{display:block;width:var(--rod);height:calc(var(--rod)*var(--h,5)*var(--k,.55));border-radius:var(--rod);background:var(--fg-faint);transform-origin:50% 50%;transition:background var(--dur)}
.vx-meter.on i{background:var(--ok)}
.sl-prog{display:inline-flex;align-items:flex-end;gap:1px;height:calc(var(--rod)*3 + 4px)}
.sl-prog .rod{position:relative;width:calc(var(--rod) + 5px);height:24px;display:flex;align-items:flex-end;justify-content:center;border-radius:3px;margin-bottom:-6px;padding-bottom:6px}
.sl-prog .rod i{display:block;width:var(--rod);height:calc(var(--rod)*3);border-radius:1px;background:var(--line-strong);transform-origin:50% 100%;transform:scaleY(.334);transition:transform var(--dslow) var(--ease-out),background var(--dslow),box-shadow var(--dslow)}
.session.boot .sl-prog .rod i{animation:rod-in .36s var(--ease-out) calc(.2s + var(--i)*18ms) both}
@keyframes rod-in{from{transform:scaleY(0)}}
.sl-prog .rod[data-s="done"] i{transform:scaleY(.667);background:color-mix(in srgb,var(--amber) 62%,transparent)}
.sl-prog .rod[data-s="now"] i{transform:scaleY(1);background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}
.sl-prog .rod:hover i{background:var(--fg-soft)}
.sl-count{display:inline-flex;align-items:center;gap:1px;padding:5px 6px;border-radius:6px;color:var(--fg-soft)}
.sl-count:hover{background:var(--line)}
.sl-count .roll{display:inline-block;height:1em;overflow:hidden;color:var(--fg)}
.sl-count .roll span{display:block}
.sl-count .roll span.in{animation:roll .22s var(--ease-out)}
@keyframes roll{from{transform:translateY(-100%)}to{transform:none}}
.sl-gap{flex:1}
.sl-notes{display:none;align-items:center;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--line);color:var(--fg-soft);font:500 var(--step--1)/1 var(--font-mono)}
.sl-notes:hover{background:var(--line);color:var(--fg)}
.sl-notes[aria-expanded="true"]{color:var(--fg);border-color:var(--line-strong);background:var(--line)}
.sl-nav{display:inline-flex;align-items:center;gap:6px;flex:none}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;min-width:44px;padding:0 14px;border-radius:9px;border:1px solid var(--amber);background:var(--amber);color:var(--on-amber);font:600 13.5px/1 var(--font-body);white-space:nowrap;transition:background var(--dfast),border-color var(--dfast),color var(--dfast),box-shadow var(--dur),transform var(--dfast) var(--ease-out)}
.sl-btn .ar{font-size:1.3em;line-height:0;position:relative;top:-.05em}
.sl-btn:hover{background:#ffc550;border-color:#ffc550;box-shadow:0 0 0 4px var(--amber-soft)}
.sl-btn:active{transform:translateY(1px)}
.sl-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px;border-radius:9px}
.sl-btn[aria-disabled="true"]{background:transparent;border-color:var(--line-strong);color:var(--fg-faint);box-shadow:none;transform:none;cursor:default}
.sl-keys{display:inline-flex;gap:10px}
.sl-keys button{display:inline-flex;align-items:center;gap:5px;color:var(--fg-faint);border-radius:6px;padding:2px}
.sl-keys button:hover{color:var(--fg-soft)}
.sl-line{display:none;position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--line)}
.sl-line i{display:block;height:100%;background:var(--amber);transform-origin:left;transition:transform var(--dscene) var(--ease-out)}
.palette{position:fixed;z-index:40;left:50%;bottom:calc(var(--band) + var(--bar) + 10px);width:min(640px,calc(100vw - 32px));max-height:min(64vh,560px);display:flex;flex-direction:column;transform:translateX(-50%);border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--bg-raise);box-shadow:var(--shadow);animation:pal-in .18s var(--ease-out)}
.palette[hidden]{display:none}
@keyframes pal-in{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(.995)}}
.pal-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.pal-head svg{flex:none;color:var(--fg-faint)}
.pal-head input{flex:1;min-width:0;height:32px;border:0;outline:0;background:none;color:var(--fg);font:500 15px var(--font-body)}
.pal-head input::placeholder{color:var(--fg-faint)}
.pal-count{font:500 11.5px var(--font-mono);color:var(--fg-faint)}
.pal-list{list-style:none;margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain}
.pal-list li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:6px 10px;border-radius:var(--r-inner);cursor:pointer;transition:background var(--dfast)}
.pal-list li > *{transition:transform var(--dfast) var(--ease-out),color var(--dfast)}
.pal-list li .n{font:600 12px var(--font-mono);color:var(--fg-faint);font-variant-numeric:tabular-nums}
.pal-list li .nm{display:block;font:500 15px/1.25 var(--font-display);color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-list li .kc{display:block;margin-top:3px;font:500 11px/1.2 var(--font-mono);color:var(--fg-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pal-list li .md{font:600 11px var(--font-mono);color:var(--fg-faint)}
.pal-list li .md[data-mode="video"]{color:var(--amber)}
.pal-list li .md[data-mode="meeting"]{color:var(--signal)}
.pal-list li[aria-selected="true"]{background:var(--panel)}
.pal-list li[aria-selected="true"] .n{color:var(--amber)}
.pal-list li[aria-selected="true"] > span:nth-child(2){transform:translateX(4px)}
.pal-empty{padding:18px 12px;font:500 13px var(--font-mono);color:var(--fg-faint)}
.pal-foot{padding:8px 14px;border-top:1px solid var(--line);font:500 11px var(--font-mono);color:var(--fg-faint)}
.drawer{position:fixed;z-index:45;top:12px;right:12px;bottom:calc(var(--bar) + 12px);width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--bg-raise);box-shadow:var(--shadow);animation:dr-in .22s var(--ease-out)}
.drawer[hidden]{display:none}
@keyframes dr-in{from{opacity:0;transform:translateX(22px)}}
.dr-head{position:relative;padding:18px 52px 12px 20px;border-bottom:1px solid var(--line)}
.dr-eyebrow{margin:0 0 6px;font:600 10.5px/1 var(--font-mono);letter-spacing:.18em;color:var(--amber)}
.dr-head h2{margin:0;font:600 var(--step-2)/1.1 var(--font-display);letter-spacing:-.01em}
.dr-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:20px;color:var(--fg-mute)}
.dr-close:hover{background:var(--line);color:var(--fg)}
.dr-body{flex:1;overflow-y:auto;padding:16px 20px 20px;font-size:var(--step-0);line-height:1.5;color:var(--fg-soft);outline:0}
.dr-nails{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:10px}
.dr-nails li{position:relative;padding-left:18px}
.dr-nails li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--amber)}
.dr-ground{margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}
.dr-ground dt{font:600 10.5px/1.9 var(--font-mono);letter-spacing:.14em;color:var(--fg-faint)}
.dr-ground dd{margin:0;color:var(--fg-soft)}
.dr-ground a{color:var(--signal)}
.dr-keys{width:100%;border-collapse:collapse;font-size:14px}
.dr-keys td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}
.dr-keys td:first-child{width:44%;padding-right:12px}
.dr-keys kbd{margin:0 3px 3px 0}
.dr-touch{margin:14px 0 0;font:500 12.5px/1.5 var(--font-mono);color:var(--fg-mute)}
.dr-tabs{display:flex;gap:6px;padding:10px 14px;border-top:1px solid var(--line)}
.dr-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border-radius:8px;font:500 13px var(--font-body);color:var(--fg-mute)}
.dr-tabs button[aria-pressed="true"]{color:var(--fg);background:var(--line)}
.wipe{position:fixed;inset:0;z-index:60;width:100vw;height:100vh;pointer-events:none;display:none}
.wipe.on{display:block}
.vx-cursor{position:absolute;left:0;top:0;z-index:30;width:22px;height:22px;pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.vx-ring{position:absolute;z-index:29;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;border:2px solid var(--amber);pointer-events:none;animation:vx-ring .42s var(--ease-out) forwards}
@keyframes vx-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.9);opacity:0}}
.vx-press{animation:vx-press .2s var(--ease-out)}
@keyframes vx-press{50%{transform:scale(.94)}}
.app-mimic{--panel:var(--app-s3);--line:var(--app-line);--line-strong:var(--app-line-strong);--fg:var(--app-text);--fg-soft:var(--app-text-2);--fg-mute:var(--app-text-3);--fg-faint:var(--app-text-4);--amber:var(--app-amber);--signal:var(--app-accent);--ok:var(--app-green);background:var(--app-bg);color:var(--app-text)}
.vx-cta{display:grid;gap:14px;justify-items:start}
.vx-cta .row{display:flex;flex-wrap:wrap;gap:10px}
.btn-amber{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:12px;background:var(--amber);color:var(--on-amber);font:600 16px var(--font-display);text-decoration:none;transition:box-shadow var(--dur),transform var(--dfast) var(--ease-out)}
.btn-amber:hover{box-shadow:0 0 0 6px var(--amber-soft);transform:translateY(-1px)}
.btn-line{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line-strong);font:500 14px var(--font-body);color:var(--fg-soft);text-decoration:none;transition:border-color var(--dfast),color var(--dfast),transform var(--dfast) var(--ease-out)}
.btn-line:hover{border-color:var(--fg-mute);color:var(--fg);transform:translateY(-1px)}
.vx-cta .sibrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:500 12px var(--font-mono);color:var(--fg-faint)}
.vx-cta .sibrow > *{white-space:nowrap}
.vx-cta .sibrow a{color:var(--fg-soft);text-underline-offset:3px}
.vx-cta .sibrow a[aria-current="page"]{color:var(--amber);text-decoration:none}
.vk{--vk-amber-soft:rgba(255,178,36,.12);--vk-amber-glow:rgba(255,178,36,.22);--vk-accent-soft:rgba(87,182,255,.10);--vk-green-soft:rgba(62,207,142,.12);--vk-red-soft:rgba(255,92,92,.11);--vk-float:0 2px 6px rgba(0,0,0,.45),0 18px 50px rgba(0,0,0,.5);font:400 14px/1.4 var(--font-body);color:var(--app-text);text-align:left;-webkit-font-smoothing:antialiased;letter-spacing:normal}
.vk *,.vk *::before,.vk *::after{box-sizing:border-box}
.vk p,.vk h6,.vk ol,.vk ul{margin:0}
.vk svg{flex:none}
.vk-screen{position:absolute;inset:0;overflow:hidden;contain:layout paint}
.vk-cam{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.vk-flag{display:inline-block;width:22px;height:15px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.1);vertical-align:-2px}
.vk-flag.emo{width:auto;height:auto;box-shadow:none;font-size:.9em;line-height:1}
.vk-win{position:relative;width:1180px;height:720px;display:flex;flex-direction:column;overflow:hidden;background:var(--app-bg);border:1px solid var(--app-line-strong);border-radius:14px;box-shadow:var(--vk-float)}
.vk-win[data-frame="none"]{border:0;border-radius:0;box-shadow:none}
.vk-top{flex:0 0 56px;display:flex;align-items:center;gap:16px;padding:0 24px 0 18px;background:var(--app-s1);border-bottom:1px solid var(--app-line);white-space:nowrap}
.vk-brand{display:flex;align-items:center;gap:11px}
.vk-logo{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,#FFC94D,#FF9A1F);color:#1A1204;box-shadow:0 4px 14px var(--vk-amber-glow)}
.vk-logo svg{width:16px;height:16px}
.vk-word{font:600 17px/1 var(--font-display);letter-spacing:-.2px;color:var(--app-text)}
.vk-word b{font-weight:600;color:var(--app-amber)}
.vk-ver{font:500 11px/1 var(--font-mono);letter-spacing:.02em;color:var(--app-text-4)}
.vk-pill{position:relative;display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 12px;border-radius:999px;border:1px solid var(--app-line);background:var(--app-s3);font:500 12px/1.4 var(--font-mono);letter-spacing:.02em;color:var(--app-text-3);white-space:nowrap;transition:color var(--dur),background var(--dur),border-color var(--dur)}
.vk-pill .dot{position:relative;width:8px;height:8px;flex:none;border-radius:50%;background:var(--app-text-4);transition:background var(--dur)}
.vk-pill[data-state="connecting"]{color:var(--app-amber)}
.vk-pill[data-state="connecting"] .dot{background:var(--app-amber)}
.vk-pill[data-state="live"],.vk-pill[data-state="cable"]{color:var(--app-amber);border-color:rgba(255,178,36,.4);background:var(--vk-amber-soft)}
.vk-pill[data-state="live"] .dot,.vk-pill[data-state="cable"] .dot{background:var(--app-amber);box-shadow:0 0 7px var(--app-amber)}
.vk-pill[data-state="listening"]{color:var(--app-green);border-color:rgba(62,207,142,.35);background:var(--vk-green-soft)}
.vk-pill[data-state="listening"] .dot{background:var(--app-green)}
.vk-pill[data-state="error"]{color:var(--app-red);border-color:rgba(255,92,92,.35)}
.vk-pill[data-state="error"] .dot{background:var(--app-red)}
.vk-pill[data-mode="video"] .dot{background:var(--app-amber)}
.vk-pill[data-mode="meeting"] .dot{background:var(--app-accent);box-shadow:0 0 7px var(--app-accent)}
.vk-pill[data-state="live"] .dot::after,.vk-pill[data-state="listening"] .dot::after,.vk-pill[data-state="connecting"] .dot::after{content:'';position:absolute;inset:-4px;border-radius:50%;background:inherit;opacity:.5;animation:vk-halo 1.8s var(--ease) infinite}
@keyframes vk-halo{0%{transform:scale(1);opacity:.5}70%,100%{transform:scale(2.6);opacity:0}}
.vk-pill .clk{letter-spacing:.04em;opacity:.85;font-variant-numeric:tabular-nums}
.vk-pill .clk:empty{display:none}
.vk-meter{display:none;align-items:center;gap:8px;padding-left:10px;border-left:1px solid var(--app-line)}
.vk-pill[data-state="live"] .vk-meter,.vk-pill[data-state="listening"] .vk-meter,.vk-pill[data-state="cable"] .vk-meter{display:flex}
.vk-rods{display:flex;align-items:center;gap:2px;height:16px}
.vk-rods i{display:block;width:3px;height:4px;border-radius:2px;background:var(--app-text-4);transition:background var(--dur)}
.vk-meter.sig .vk-rods i{background:var(--app-green)}
.vk-meter .db{min-width:44px;font:500 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--app-text-4)}
.vk-meter.sig .db{color:var(--app-text-2)}
.vk-quota{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:10px;border:1px solid var(--app-line);background:var(--app-s2);white-space:nowrap}
.vk-quota .trk i{display:block;height:100%;width:var(--q,80%);border-radius:4px;background:var(--app-green);transition:width .5s var(--ease),background .5s var(--ease)}
.vk-quota[data-level="low"] .trk i{background:var(--app-amber)}
.vk-quota[data-level="out"] .trk i{background:var(--app-red)}
.vk-quota .lbl{font:500 11px/1 var(--font-mono);letter-spacing:.03em;font-variant-numeric:tabular-nums;color:var(--app-text-2)}
.vk-quota[data-level="out"] .lbl{color:var(--app-red)}
.vk-taste{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border-radius:10px;border:1px solid rgba(87,182,255,.32);background:rgba(87,182,255,.09);font:400 11.5px/1 var(--font-body);color:var(--app-text-2);white-space:nowrap}
.vk-taste svg{width:13px;height:13px;color:var(--app-accent)}
.vk-taste b{font-weight:650;letter-spacing:.01em;color:var(--app-accent)}
.vk-taste .n{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--app-text)}
.vk-taste .nx{padding-left:8px;border-left:1px solid var(--app-line);color:var(--app-text-3)}
.vk-taste .nx:empty{display:none}
.vk-win .vk-taste .nx{display:none}
.vk-taste[data-t="low"]{border-color:rgba(255,178,36,.42);background:rgba(255,178,36,.10)}
.vk-taste[data-t="low"] svg,.vk-taste[data-t="low"] b{color:var(--app-amber)}
.vk-taste[data-t="free"]{border-color:var(--app-line);background:var(--app-s2)}
.vk-taste[data-t="free"] svg,.vk-taste[data-t="free"] b{color:var(--app-text-2)}
.vk-taste[data-t="free"] .nx{color:var(--app-accent)}
.vk-acts{display:flex;align-items:center;gap:4px}
.vk-report{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;margin-right:4px;border-radius:10px;border:1px solid var(--app-line-strong);font:600 12.5px/1 var(--font-body);letter-spacing:-.01em;color:var(--app-text-2);white-space:nowrap;transition:all var(--dfast)}
.vk-report svg{width:15px;height:15px}
.vk-ib{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:9px;border:1px solid transparent;color:var(--app-text-3);transition:all var(--dfast)}
.vk-ib svg{width:17px;height:17px}
.vk-ib.on,.vk-report.on{background:var(--app-s3);border-color:var(--app-line);color:var(--app-text)}
.vk-wctl{display:flex;align-items:center;margin:0 -24px 0 6px}
.vk-wctl::before{content:'';width:1px;height:20px;margin-right:9px;background:var(--app-line-strong)}
.vk-wb{width:46px;height:56px;display:grid;place-items:center;color:var(--app-text-2)}
.vk-wb svg{width:11px;height:11px}
.vk-main{flex:1;display:grid;grid-template-columns:332px minmax(0,1fr);min-height:0}
.vk-rail{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--app-s1);border-right:1px solid var(--app-line)}
.vk-seg{position:relative;flex:none;display:grid;grid-template-columns:1fr 1fr;margin:16px 16px 8px;padding:4px;border-radius:12px;background:var(--app-s2);border:1px solid var(--app-line)}
.vk-seg::before{content:'';position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:9px;background:var(--app-s1);box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 0 1px var(--app-line);transition:transform .32s var(--ease-out)}
.vk-seg[data-v="meeting"]::before{transform:translateX(100%)}
.vk-sc{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 6px 8px;border-radius:9px;color:var(--app-text-3);transition:color var(--dur)}
.vk-sc svg{width:16px;height:16px;margin-bottom:2px}
.vk-sc b{font:600 13px/1.25 var(--font-display);letter-spacing:-.1px}
.vk-sc small{font:400 10.5px/1.3 var(--font-mono);letter-spacing:.2px;opacity:.85;white-space:nowrap}
.vk-sc.on{color:var(--app-text)}
.vk[data-state="live"] .vk-sc.on,.vk[data-state="listening"] .vk-sc.on{color:var(--app-green)}
.vk-caveat{flex:none;display:flex;gap:8px;margin:0 16px 10px;padding:9px 11px;border-radius:8px;background:var(--app-s2);border:1px solid var(--app-line);font-size:11.5px;line-height:1.5;color:var(--app-text-2)}
.vk-caveat svg{width:13px;height:13px;margin-top:2px;color:var(--app-text-3)}
.vk-sec{flex:none;padding:16px 20px 18px;border-bottom:1px solid var(--app-line)}
.vk-sech{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.vk-lbl{font:400 10.5px/1.2 var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--app-text-4)}
.vk-i{position:relative;width:22px;height:22px;flex:none;display:grid;place-items:center;margin:-2px 0;border-radius:50%;border:1.5px solid rgba(87,182,255,.45);background:var(--vk-accent-soft);color:var(--app-accent);transition:background var(--dfast),color var(--dfast),border-color var(--dfast)}
.vk-i svg{width:18px;height:18px}
.vk-i.on{background:var(--app-accent);border-color:var(--app-accent);color:#0a1016}
.vk-mini{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:var(--app-s2);border:1px solid var(--app-line)}
.vk-mini > span svg{width:14px;height:14px}
.vk-mini > span.on{background:var(--app-s1);color:var(--app-text);box-shadow:0 1px 2px rgba(0,0,0,.25),0 0 0 1px var(--app-line)}
.vk-hint{margin-top:8px;font-size:12px;line-height:1.4;color:var(--app-text-3)}
.vk-fl{display:block;margin:12px 0 8px;font-size:13px;font-weight:500;color:var(--app-text-2)}
.vk-sec > .vk-fl:first-of-type{margin-top:0}
.vk-sel{position:relative;display:flex;align-items:center;gap:8px;height:40px;padding:0 30px 0 12px;border-radius:10px;background:var(--app-s3);border:1px solid var(--app-line-strong);font-size:14px;font-weight:500;color:var(--app-text);white-space:nowrap;overflow:hidden}
.vk-sel > svg{position:absolute;right:11px;top:50%;width:13px;height:13px;transform:translateY(-50%);color:var(--app-text-3)}
.vk-sel .v{min-width:0;overflow:hidden;text-overflow:ellipsis}
.vk-sl .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.vk-sl .name{font-size:12px;font-weight:500;color:var(--app-text-2)}
.vk-sl .val{font:400 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--app-text)}
.vk-sl + .vk-sl,.vk-sum + .vk-sl{margin-top:12px}
.vk-track{position:relative;display:block;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--app-amber) var(--p,50%),var(--app-s3) var(--p,50%))}
.vk-track::after{content:'';position:absolute;top:50%;left:var(--p,50%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--app-text);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.vk-sum{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-size:12.5px;color:var(--app-text-3)}
.vk-sum b{font-weight:500;color:var(--app-text-2)}
.vk-a{font-weight:500;color:var(--app-accent);white-space:nowrap}
.vk-link{display:inline-block;margin-top:8px;font-size:11.5px;color:var(--app-accent)}
.vk-sw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;font-weight:500;color:var(--app-text-2)}
.vk-tk{position:relative;width:34px;height:20px;flex:none;border-radius:11px;background:var(--app-s3);border:1px solid var(--app-line-strong);transition:all var(--dur) var(--ease)}
.vk-tk::after{content:'';position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--app-text-3);transition:all var(--dur) var(--spring)}
.vk-tk.on{background:var(--app-amber);border-color:transparent}
.vk-tk.on::after{transform:translateX(14px);background:#fff}
.vk-names{display:flex;gap:8px}
.vk-inp{flex:1;min-width:0;height:38px;display:flex;align-items:center;padding:0 12px;border-radius:10px;background:var(--app-s2);border:1px solid var(--app-line);font-size:13px;color:var(--app-text);white-space:nowrap;overflow:hidden}
.vk-inp:empty::before{content:attr(data-ph);color:var(--app-text-4)}
.vk[data-mode="video"] [data-only="meeting"],.vk[data-mode="meeting"] [data-only="video"],.vk[data-source="system"] [data-only-src="input"],.vk[data-source="input"] [data-only-src="system"]{display:none!important}
.vk-stage{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}
.vk-stage::before{content:'';position:absolute;inset:-20% -10% auto;height:70%;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,var(--vk-amber-glow),transparent 70%);opacity:0;transition:opacity .8s var(--ease)}
.vk[data-state="live"] .vk-stage::before{opacity:.5}
.vk-sbar{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--app-line)}
.vk-lgrp{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;min-width:0}
.vk-li{position:relative;display:grid;row-gap:5px}
.vk-li .vk-sech{margin:0;max-width:212px}
.vk-ll{max-width:212px;font:800 11px/1.3 var(--font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--app-amber)}
.vk-pick{position:relative;display:flex;align-items:center;gap:9px;width:212px;height:38px;padding:0 30px 0 10px;border-radius:10px;background:var(--app-s1);border:1px solid transparent;font:600 18px/1 var(--font-display);letter-spacing:-.3px;color:var(--app-text);white-space:nowrap;transition:background var(--dfast),border-color var(--dfast)}
.vk-pick .v,.vk-sel .v{display:flex;align-items:center;gap:9px;min-width:0}
.vk-pick > svg{position:absolute;right:11px;top:50%;width:13px;height:13px;transform:translateY(-50%);color:var(--app-text-3)}
.vk-pick.on{background:var(--app-s3);border-color:var(--app-line-strong)}
.vk-swap{width:34px;height:34px;flex:none;display:grid;place-items:center;margin-bottom:2px;border-radius:9px;border:1px solid var(--app-line);background:var(--app-s3);color:var(--app-text-3)}
.vk-swap svg{width:15px;height:15px}
.vk-notes{flex-basis:100%;order:10;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-top:-2px}
.vk-auto{font:400 11px/1.3 var(--font-mono);letter-spacing:.3px;color:var(--app-text-4);white-space:nowrap}
.vk-sp{flex:1}
.vk-caps{display:flex;align-items:center;gap:10px}
.vk-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--app-line);background:var(--app-s3);font:400 11.5px/1.2 var(--font-mono);color:var(--app-text-3);white-space:nowrap}
.vk-chip b{font-weight:500;color:var(--app-text-2)}
.vk-trust{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid rgba(62,207,142,.3);background:var(--vk-green-soft);font:500 11.5px/1.2 var(--font-mono);color:var(--app-green);white-space:nowrap}
.vk-trust svg{width:12px;height:12px}
.vk-list{position:absolute;z-index:6;top:calc(100% + 4px);left:0;width:212px;margin:0;padding:4px;list-style:none;border-radius:10px;border:1px solid var(--app-line-strong);background:var(--app-s3);box-shadow:var(--vk-float);opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top left;transition:opacity .16s,transform .18s var(--ease-out);pointer-events:none}
.vk-list.open{opacity:1;transform:none}
.vk-list li{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;font-size:14px;font-weight:500;color:var(--app-text-2);white-space:nowrap}
.vk-stream{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.vk-shead{display:flex;align-items:center;gap:12px;padding:12px 24px 0}
.vk-stitle{font:500 10.5px/1 var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--app-text-4)}
.vk-pres{display:flex;align-items:center;gap:3px;height:18px;opacity:0;transition:opacity var(--dur)}
.vk[data-state="live"] .vk-pres,.vk[data-state="listening"] .vk-pres{opacity:1}
.vk-pres i{display:block;width:3px;height:4px;border-radius:2px;background:var(--app-green)}
.vk-trash{width:30px;height:30px;display:grid;place-items:center;margin-left:auto;border-radius:9px;color:var(--app-text-4)}
.vk-trash svg{width:15px;height:15px}
.vk-advice{flex:none;display:flex;flex-direction:column;gap:8px;margin:10px 24px 0;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,178,36,.45);background:color-mix(in srgb,var(--app-amber) 9%,var(--app-s2));font-size:12.5px;line-height:1.45;color:var(--app-text-2);animation:vk-rise .3s var(--ease-out)}
.vk-advice[hidden]{display:none}
.vk-advice .t{font:700 13.5px/1.3 var(--font-display);color:var(--app-amber)}
.vk-advice .b{color:var(--app-text)}
.vk-advice ol{padding-left:18px;display:flex;flex-direction:column;gap:3px}
.vk-advice .acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.vk-advice .acts .vk-btn{padding:6px 12px;font-size:12px}
.vk-advice .res{font:400 11px/1.4 var(--font-mono);color:var(--app-text-3)}
.vk-scroll{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:16px 24px 10px}
.vk-scroll.over{-webkit-mask-image:linear-gradient(transparent,#000 36px);mask-image:linear-gradient(transparent,#000 36px)}
.vk-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px;text-align:center;color:var(--app-text-3);transition:opacity .25s}
.vk-stream.has .vk-empty{opacity:0;pointer-events:none}
.vk-orb{position:relative;width:96px;height:96px;display:grid;place-items:center;margin-bottom:6px;border-radius:28px;background:var(--app-s3);border:1px solid var(--app-line);color:var(--app-text-3);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.vk-orb svg{width:30px;height:30px}
.vk-orb::after{content:'';position:absolute;inset:-1px;border-radius:28px;border:1px solid var(--app-line-strong);animation:vk-breathe 3.6s var(--ease) infinite}
@keyframes vk-breathe{0%,100%{transform:scale(1);opacity:.2}50%{transform:scale(1.05);opacity:.7}}
.vk-empty .big{font:600 20px/1.2 var(--font-display);letter-spacing:-.3px;color:var(--app-text)}
.vk-empty .small{max-width:34ch;font-size:13.5px;line-height:1.55}
.vk-steps{display:flex;gap:18px;margin-top:2px}
.vk-steps i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--app-s2);border:1px solid var(--app-line);font:500 11px/1 var(--font-mono);font-style:normal;color:var(--app-text-2);transition:background var(--dur),color var(--dur),border-color var(--dur)}
.vk-steps i.on{background:var(--app-amber);border-color:transparent;color:#1A1204;animation:vk-pop .32s var(--spring)}
@keyframes vk-pop{from{transform:scale(.6)}to{transform:none}}
.vk-turn{flex:none;display:flex;flex-direction:column;gap:5px;max-width:760px;min-width:0;animation:vk-rise .34s var(--ease-out)}
@keyframes vk-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.vk-src,.vk-hear{display:flex;gap:8px;align-items:baseline;min-width:0;margin:0;padding-left:14px;border-left:2px solid var(--app-line-strong);font-size:13px;line-height:1.45;color:var(--app-text-3)}
.vk-who{flex:none;font:500 9.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--app-text-4)}
.vk-st{min-width:0}
.vk-turn:not([data-state="final"]) .vk-src,.vk-hear{font-size:12.5px}
.vk-turn:not([data-state="final"]) .vk-src .vk-who,.vk-hear .vk-who{color:var(--app-text-3)}
.vk-turn:not([data-state="final"]) .vk-st,.vk-hear .vk-st{overflow:hidden;white-space:nowrap}
.vk-st.over{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}
.vk-tr{width:fit-content;max-width:100%;margin:0;padding:11px 16px;border-radius:14px;background:var(--app-s1);border:1px solid var(--app-line);box-shadow:0 1px 2px rgba(0,0,0,.15);font-size:17px;font-weight:500;line-height:1.4;letter-spacing:-.1px;color:var(--app-text);transition:border-color var(--dur),box-shadow var(--dur)}
.vk-turn[data-state="ghost"] .vk-tr{display:none}
.vk-tr:has(.vk-trt.active){border-color:rgba(255,178,36,.4);box-shadow:0 0 0 3px var(--vk-amber-soft)}
.vk-trt.active::after{content:'';display:inline-block;width:6px;height:1em;margin-left:3px;vertical-align:-2px;border-radius:1px;background:var(--app-amber);animation:vk-caret 1s steps(1) infinite}
@keyframes vk-caret{50%{opacity:0}}
.vk-spk,.vk-leg{display:inline-block;margin-right:8px;border-radius:4px;font:600 9.5px/1.3 var(--font-mono);vertical-align:2px;white-space:nowrap}
.vk-spk{padding:1px 5px;letter-spacing:.12em;color:var(--app-amber);border:1px solid var(--app-line-strong)}
.vk-leg{padding:1px 6px;letter-spacing:.08em}
.vk-leg.them{background:rgba(87,182,255,.18);color:var(--app-accent)}
.vk-leg.me{background:rgba(140,150,172,.16);color:var(--app-text-2)}
.vk-sys{flex:none;padding-left:4px;font:400 11px/1.5 var(--font-mono);color:var(--app-text-4);animation:vk-rise .3s var(--ease-out)}
.vk-sys::before{content:'› ';opacity:.6}
.vk-sys.warn{color:var(--app-amber)}
.vk-sys.err{color:var(--app-red)}
.vk-ctl{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px 18px;border-top:1px solid var(--app-line);background:linear-gradient(to top,var(--app-s1),transparent)}
.vk-lctl{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:150px}
.vk-lctl.r{justify-content:flex-start}
.vk-gb{display:none;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid var(--app-line);background:var(--app-s1);font-size:13px;font-weight:500;color:var(--app-text-2);white-space:nowrap;transition:all var(--dfast)}
.vk-gb svg{width:14px;height:14px}
.vk[data-state="live"] .vk-gb,.vk[data-state="listening"] .vk-gb,.vk[data-state="cable"] .vk-gb{display:inline-flex}
.vk-gb.on{border-color:rgba(255,178,36,.45);background:var(--vk-amber-soft);color:var(--app-text)}
.vk-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 26px 13px 22px;border-radius:14px;background:var(--app-amber);color:#1A1204;font:600 15px/1.2 var(--font-display);letter-spacing:-.1px;white-space:nowrap;box-shadow:0 8px 24px var(--vk-amber-glow),inset 0 1px 0 rgba(255,255,255,.35)}
.vk-cta svg{width:16px;height:16px}
.vk-cta .k{margin-left:6px;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.12);font:500 11px/1.2 var(--font-mono);opacity:.7}
.vk-cta .k:empty{display:none}
.vk-cta.stop{background:var(--app-s3);color:var(--app-text);border:1px solid var(--app-line-strong);box-shadow:none}
.vk-cta.stop svg{width:14px;height:14px}
.vk-cta.stop{display:none}
.vk[data-state="connecting"] .vk-cta.go,.vk[data-state="live"] .vk-cta.go,.vk[data-state="listening"] .vk-cta.go,.vk[data-state="cable"] .vk-cta.go{display:none}
.vk[data-state="connecting"] .vk-cta.stop,.vk[data-state="live"] .vk-cta.stop,.vk[data-state="listening"] .vk-cta.stop,.vk[data-state="cable"] .vk-cta.stop{display:inline-flex}
.vk-layer{position:absolute;inset:0;z-index:20;pointer-events:none}
.vk-scrim{position:absolute;inset:0;background:rgba(6,7,10,.55);opacity:0;transition:opacity var(--dslow)}
.vk-layer.on .vk-scrim{opacity:1}
.vk-modal,.vk-set{position:absolute;left:50%;top:50%;border:1px solid var(--app-line-strong);border-radius:14px;box-shadow:var(--vk-float);opacity:0;transform:translate(-50%,-46%) scale(.97);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}
.vk-modal.open,.vk-set.open{opacity:1;transform:translate(-50%,-50%) scale(1)}
.vk-modal.flat,.vk-set.flat{position:relative;left:auto;top:auto;opacity:1;transform:none}
.vk-modal{width:440px;max-height:88%;overflow:hidden;background:#1a1d21}
.vk-mh{display:flex;align-items:center;gap:12px;padding:22px 24px 4px}
.vk-micon{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--vk-accent-soft);border:1px solid rgba(87,182,255,.25);color:var(--app-accent)}
.vk-micon svg{width:20px;height:20px}
.vk-micon.amber{background:rgba(255,178,36,.16);border-color:rgba(255,178,36,.3);color:var(--app-amber)}
.vk-micon.green{background:var(--vk-green-soft);border-color:rgba(62,207,142,.3);color:var(--app-green)}
.vk-mt{flex:1;min-width:0;font:700 17px/1.25 var(--font-body);letter-spacing:-.02em;color:var(--app-text)}
.vk-mb{padding:14px 24px 4px;font-size:13px;line-height:1.6;color:var(--app-text-2)}
.vk-mb p{margin:0 0 12px}
.vk-mb p:last-child{margin-bottom:0}
.vk-mb strong{font-weight:600;color:var(--app-text)}
.vk-msteps{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}
.vk-msteps li{display:flex;gap:12px;align-items:flex-start}
.vk-msteps li > i{width:22px;height:22px;flex:none;display:grid;place-items:center;margin-top:1px;border-radius:6px;background:var(--vk-accent-soft);border:1px solid rgba(87,182,255,.3);font:500 11px/1 var(--font-mono);font-style:normal;color:var(--app-accent)}
.vk-mf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 24px 22px}
.vk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--app-line-strong);background:var(--app-s1);font:600 13px/1.2 var(--font-body);color:var(--app-text);white-space:nowrap;transition:all var(--dfast)}
.vk-btn svg{width:14px;height:14px}
.vk-btn.pri{background:var(--app-text);border-color:transparent;color:var(--app-bg);font-family:var(--font-display)}
.vk-btn.amber{background:var(--app-amber);border-color:var(--app-amber);color:#131518}
.vk-btn.ghost{background:transparent;border-color:var(--app-line)}
.vk-btn.danger{color:var(--app-red)}
.vk-btn.grow{flex:1}
.vk-set{width:780px;height:564px;max-width:96%;max-height:94%;display:flex;flex-direction:column;overflow:hidden;background:var(--app-s1)}
.vk-seth{flex:none;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--app-line)}
.vk-seth h6{font:600 17px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--app-text)}
.vk-setb{flex:1;display:flex;min-height:0}
.vk-nav{flex:0 0 196px;display:flex;flex-direction:column;gap:4px;padding:14px 12px;border-right:1px solid var(--app-line)}
.vk-tab{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:500;color:var(--app-text-2);white-space:nowrap;transition:all var(--dfast)}
.vk-tab svg{width:16px;height:16px;opacity:.85}
.vk-tab.on{background:var(--app-s2);border-color:var(--app-line);color:var(--app-text);font-weight:600}
.vk-panes{position:relative;flex:1;min-width:0}
.vk-pane{position:absolute;inset:0;display:none;overflow:hidden;padding:20px 26px}
.vk-pane.on{display:block}
.vk-ds{padding:16px 0;border-top:1px solid var(--app-line)}
.vk-ds:first-child{padding-top:6px;border-top:0}
.vk-dh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.vk-dh h6{font:500 9.5px/1.2 var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--app-text-3)}
.vk-row{display:grid;gap:8px}
.vk-row + .vk-row,.vk-row + .vk-sw,.vk-sw + .vk-row,.vk-2 + .vk-row,.vk-row + .vk-2{margin-top:14px}
.vk-row > .lab{font-size:12px;font-weight:500;color:var(--app-text-2)}
.vk-row > .vk-hint,.vk-ds > .vk-hint{margin-top:0;font-size:11.5px;line-height:1.55}
.vk-ds > .vk-hint{margin-top:8px}
.vk-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vk-bx{display:flex;flex-wrap:wrap;gap:8px}
.vk-ta{min-height:92px;padding:10px 12px;border-radius:10px;background:var(--app-s2);border:1px solid var(--app-line);font:400 13px/1.55 var(--font-mono);color:var(--app-text-2);white-space:pre-line}
.vk-meta{font-size:11.5px;color:var(--app-text-3)}
.vk-ovprev{padding:14px 18px;border-radius:12px;background:#16181c;border:1px solid rgba(235,240,245,.12);color:#f2f5f8;font-size:15px;font-weight:600;line-height:1.34;text-shadow:0 1px 5px rgba(0,0,0,.55);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vk-plan{margin-bottom:18px;padding:16px 18px;border-radius:14px;border:1px solid var(--app-line);background:var(--app-s2)}
.vk-plan .cur{display:flex;align-items:center;justify-content:space-between;gap:12px}
.vk-plan .tier{font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--app-text)}
.vk-ppill{padding:3px 9px;border-radius:5px;background:var(--vk-accent-soft);border:1px solid rgba(87,182,255,.3);font:500 9.5px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--app-accent)}
.vk-plan .vk-meta{margin-top:3px}
.vk-box{display:grid;gap:8px;margin-top:12px;padding:14px 16px;border-radius:12px;border:1px solid var(--app-line);font-size:12.5px;line-height:1.5;color:var(--app-text-2)}
.vk-box strong{font-size:13px;color:var(--app-text)}
.vk-rungs{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.vk-rungs li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--app-text-2)}
.vk-rungs i{width:20px;height:20px;flex:none;display:grid;place-items:center;margin-top:1px;border-radius:50%;background:var(--app-s3);border:1px solid var(--app-line);font:600 10.5px/1 var(--font-mono);font-style:normal;color:var(--app-text-3)}
.vk-rungs li.now i{background:rgba(87,182,255,.16);border-color:rgba(87,182,255,.34);color:var(--app-accent)}
.vk-hk{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.vk-hk .n{font-size:12.5px;font-weight:500;color:var(--app-text-2)}
.vk-kc{display:inline-block;min-width:108px;padding:4px 10px;border-radius:6px;border:1px solid var(--app-line-strong);border-bottom-width:2px;background:var(--app-s2);font:400 11px/1.4 var(--font-mono);text-align:center;color:var(--app-text);white-space:nowrap}
.vk-kc.on{border-color:var(--app-amber);color:var(--app-amber)}
.vk-about{padding:10px 0 4px;text-align:center}
.vk-about .tile{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 14px;border-radius:14px;background:var(--app-text);color:var(--app-bg)}
.vk-about .tile svg{width:26px;height:26px}
.vk-about .nm{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--app-text)}
.vk-about .ver{margin-top:5px;font:400 12px/1.3 var(--font-mono);color:var(--app-text-3)}
.vk-alinks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.vk-setf{flex:none;display:flex;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid var(--app-line)}
.vk-setf .vk-btn.pri{flex:0 0 326px}
.vk-setf .m{font:400 10.5px/1.4 var(--font-mono);color:var(--app-text-3);white-space:nowrap}
.vk-ovl .bar{display:flex;align-items:center;gap:16px;padding:14px 22px;border-radius:999px;background:#16181c;border:1px solid rgba(235,240,245,.12);box-shadow:0 10px 30px rgba(0,0,0,.45)}
.vk-ovl .mk{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:8px;background:#e9eef3}
.vk-ovl .mk svg{width:19px;height:19px}
.vk-ovl .dv{width:3px;align-self:stretch;flex:none;margin:2px 0;border-radius:3px;background:#ffb224;box-shadow:0 0 9px rgba(255,178,36,.55)}
.vk-ovl .col{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.vk-ovl .t{max-height:calc(var(--fs) * 1.34 * 3);overflow:hidden;font-size:var(--fs);font-weight:600;line-height:1.34;color:#f2f5f8;text-shadow:0 1px 5px rgba(0,0,0,.55)}
.vk-ovl .br{font-size:10.5px;font-weight:600;letter-spacing:.12em;color:rgba(233,238,243,.44);text-shadow:0 1px 3px rgba(0,0,0,.5)}
.vk-ovl .br:empty{display:none}
.vk-ovl[data-p="cinema"]{--fs:30px;width:1100px}
.vk-ovl[data-p="cinema"] .bar{padding:12px 28px;border:0;border-radius:10px;background:#000}
.vk-ovl[data-p="cinema"] .t{max-height:calc(var(--fs) * 1.25 * 2);font-weight:700;line-height:1.25;text-align:center;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9);-webkit-text-stroke:.6px rgba(0,0,0,.85)}
.vk-ovl[data-p="minimal"]{--fs:19px;width:560px}
.vk-ovl[data-p="minimal"] .bar{padding:9px 14px;border-color:rgba(235,240,245,.10)}
.vk-ovl[data-p="minimal"] .t{max-height:calc(var(--fs) * 1.3 * 2);font-weight:500;line-height:1.3;color:#e9eef3;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.vk-ovl[data-p="contrast"]{--fs:28px;width:900px}
.vk-ovl[data-p="contrast"] .bar{border:2px solid #fff;border-radius:8px;background:#000}
.vk-ovl[data-p="contrast"] .t{font-weight:700;line-height:1.3;color:#ffe14d;text-shadow:none}
.vk-ovl[data-p="cinema"] .mk,.vk-ovl[data-p="cinema"] .dv,.vk-ovl[data-p="minimal"] .mk,.vk-ovl[data-p="contrast"] .mk,.vk-ovl[data-p="contrast"] .dv{display:none}
.vk-ovl.swap{opacity:0}
.vk-ovl{transition:opacity .16s}
.vk-part{position:relative}
.vk-part > .vk-rail{width:332px}
.vk-cur{position:absolute;left:0;top:0;z-index:30;width:22px;height:22px;pointer-events:none;will-change:transform;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));transition:opacity .2s}
.vk-cur.off{opacity:0}
.vk-ring{position:absolute;z-index:29;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid var(--amber);pointer-events:none;animation:vk-ring .42s var(--ease-out) forwards}
@keyframes vk-ring{from{transform:scale(.4);opacity:1}to{transform:scale(1.9);opacity:0}}
.vk-press{animation:vk-press .2s var(--ease-out)}
@keyframes vk-press{50%{transform:scale(.95)}}
.vk-hl{outline:2px solid var(--app-amber);outline-offset:3px;animation:vk-hl 1.6s var(--ease) infinite}
@keyframes vk-hl{50%{outline-color:rgba(255,178,36,.35)}}
@media (max-width:1599px){ .sl-meter .db{display:none} }
@media (max-width:1439px){ .sl-keys{display:none} .sl-notes{display:inline-flex} }
@media (max-width:1099px){
  .session[data-layout="full"] .head{display:block}
  .session[data-layout="full"] .title{margin-top:.3em}
  .session[data-layout="hero"] .title{font-size:var(--step-3)}
  .session[data-layout="split"] .stage{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}
  .session[data-layout="split-r"] .stage{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}
  .sl-pair,.sl-meter{display:none}
}
@media (max-width:959px){ .sl-prog{display:none} }
@media (max-width:519px){ .sl-mode{display:none} }
@media (max-width:459px){ .sl-check{display:none} }