html,body,#app{height:100%}body{overflow:hidden}.boot{background:var(--bg);height:100%}.studio{flex-direction:column;height:100%;display:flex}.bar{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;text-decoration:none;display:inline-flex}.brand .mark{color:var(--clay)}.bar-right{align-items:center;gap:18px;display:flex}.bar-privacy{color:var(--stone);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dot-sage{background:#7fae8f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #7fae8f88}.btn-go{background:var(--clay);color:#1a0f0a;height:34px;box-shadow:0 8px 24px -12px var(--clay), inset 0 1px 0 #ffffff2a;transition:transform var(--t-ui) var(--ease), background var(--t-ui) var(--ease);border-radius:999px;align-items:center;gap:9px;padding:0 8px 0 14px;font-weight:600;display:inline-flex}.btn-go:hover{background:#e2866a}.btn-go:active{transform:translateY(1px)}.btn-go-kbd{gap:2px;margin-left:2px;display:inline-flex}.btn-go-kbd .kbd{color:#1a0f0a;background:#00000018;border-color:#0000}.kbd{border:1px solid var(--line);min-width:18px;height:18px;font-family:var(--sans);color:var(--muted);background:color-mix(in oklab, var(--surface) 70%, transparent);border-radius:4px;place-items:center;padding:0 4px;font-size:11px;font-weight:500;display:inline-grid}.icon-btn{width:24px;height:24px;color:var(--muted);border-radius:6px;place-items:center;font-size:16px;display:grid}.icon-btn:hover{background:var(--surface);color:var(--fg)}.desk{flex:1;grid-template-columns:232px 1fr 300px;min-height:0;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.rail-head{justify-content:space-between;align-items:center;padding:18px 14px 10px 18px;display:flex}.rail-heading{color:var(--paper-dim);font-size:13px;font-weight:600}.rail-list{flex:1;margin:0;padding:0 8px;list-style:none;overflow:auto}.rail-list li{position:relative}.rail-item{text-align:left;width:100%;color:var(--paper-dim);transition:background var(--t-ui) var(--ease), color var(--t-ui) var(--ease);border-radius:8px;grid-template-rows:auto auto;grid-template-columns:16px 1fr;column-gap:8px;padding:9px 10px;display:grid}.rail-item:hover{background:color-mix(in oklab, var(--surface) 80%, transparent);color:var(--fg)}.rail-item.on{background:var(--surface);color:var(--fg)}.rail-dot{background:var(--stone-dim);width:6px;height:6px;transition:background var(--t-ui) var(--ease), box-shadow var(--t-ui);border-radius:50%;grid-row:span 2;align-self:center}.rail-item.on .rail-dot{background:var(--clay);box-shadow:0 0 10px var(--clay)}.rail-title{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;font-size:15.5px;overflow:hidden}.rail-meta{color:var(--muted);font-size:12px}.rail-del{width:22px;height:22px;color:var(--muted);opacity:0;transition:opacity var(--t-ui);border-radius:6px;position:absolute;top:10px;right:8px}.rail-list li:hover .rail-del{opacity:1}.rail-del:hover{color:var(--clay);background:var(--bg)}.rail-foot{border-top:1px solid var(--line);color:var(--stone);margin:0;padding:14px 18px;font-size:12px}.desk-center{min-height:0;position:relative;overflow:hidden}.desk-lamp{z-index:1}.page{z-index:2;flex-direction:column;max-width:760px;height:100%;margin:0 auto;padding:44px 40px 0;display:flex;position:relative}.page-title{width:100%;font-family:var(--serif);font-variation-settings:"opsz" 60;letter-spacing:-.025em;background:0 0;border:0;outline:0;font-size:40px;line-height:1.1}.page-title::placeholder{color:var(--stone-dim)}.page-meta{color:var(--stone);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:8px;margin:12px 0 22px;font-size:13px;display:flex}.page-text{resize:none;width:100%;min-height:0;font-family:var(--serif);font-variation-settings:"opsz" 18;color:var(--fg);caret-color:var(--clay);background:0 0;border:0;outline:0;flex:1;padding:0 0 40vh;font-size:20px;line-height:1.72;-webkit-mask-image:linear-gradient(#000 calc(100% - 120px),#0000 92%);mask-image:linear-gradient(#000 calc(100% - 120px),#0000 92%)}.page-text::placeholder{color:var(--stone-dim)}.page-hint{pointer-events:none;color:var(--stone);align-items:center;gap:16px;margin:0;font-size:12.5px;display:flex;position:absolute;bottom:14px;left:40px}.page-hint span{align-items:center;gap:4px;display:inline-flex}.setup{border-left:1px solid var(--line);padding:8px 0 30px;overflow:auto}.setup-sec{border-bottom:1px solid var(--rule-soft);gap:14px;padding:16px 20px 18px;display:grid}.setup-label{color:var(--paper);margin:0;font-size:13px;font-weight:600}.setup-note{color:var(--muted);margin:-4px 0 0;font-size:12.5px;line-height:1.5}.seg{background:color-mix(in oklab, var(--surface) 75%, transparent);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.seg-btn{color:var(--muted);transition:background var(--t-ui) var(--ease), color var(--t-ui) var(--ease);border-radius:7px;justify-items:center;gap:2px;padding:8px 4px 7px;font-size:12px;display:grid}.seg-icon{place-items:center;height:20px;display:grid}.seg-btn:hover{color:var(--fg)}.seg-btn.on{background:var(--bg);color:var(--fg);box-shadow:inset 0 1px #ffffff08,0 4px 14px -8px #000}.seg-btn.on .seg-icon{color:var(--clay)}.slider{gap:8px;display:grid}.slider-top{color:var(--paper-dim);justify-content:space-between;font-size:12.5px;display:flex}.slider-val{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12.5px}.slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber) var(--pct), var(--line) var(--pct));border-radius:2px;height:2px}.slider input::-moz-range-track{background:linear-gradient(90deg, var(--amber) var(--pct), var(--line) var(--pct));border-radius:2px;height:2px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);width:12px;height:12px;box-shadow:0 0 0 3px var(--bg), 0 0 0 4px var(--line);transition:transform var(--t-ui) var(--ease);border-radius:50%;margin-top:-5px}.slider input::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:12px;height:12px}.slider input:active::-webkit-slider-thumb{background:var(--clay);transform:scale(1.25)}.toggle{cursor:pointer;color:var(--paper-dim);justify-content:space-between;align-items:center;gap:12px;font-size:12.5px;display:flex}.toggle-text{gap:1px;display:grid}.toggle-hint{color:var(--muted);font-size:11px}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:var(--line);width:28px;height:16px;transition:background var(--t-ui) var(--ease);border-radius:999px;flex:none;position:relative}.toggle-knob{background:var(--stone);width:12px;height:12px;transition:transform var(--t-panel) var(--ease), background var(--t-ui);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track{background:var(--sage-glow)}.toggle input:checked+.toggle-track .toggle-knob{background:var(--paper);transform:translate(12px)}.toggle input:focus-visible+.toggle-track{outline:1px solid var(--amber);outline-offset:2px}@media (max-width:1100px){.desk{grid-template-columns:1fr 280px}.rail{display:none}}@media (max-width:760px){.desk{grid-template-columns:1fr}.setup,.bar-privacy{display:none}.page{padding:28px 20px 0}}.stage{z-index:50;color:var(--paper);animation:stage-in .42s var(--ease) both;background:#0a0908;position:fixed;inset:0}:root[data-theme=paper] .stage{color:#22211d;background:#f4f1ea}@keyframes stage-in{0%{opacity:0}to{opacity:1}}.stage-progress{z-index:5;background:var(--clay);transform-origin:0;height:2px;transition:transform .12s linear;position:absolute;top:0;left:0;right:0}.stage-mirror{transition:transform var(--t-panel) var(--ease);position:absolute;inset:0}.stage-viewport{-webkit-mask-image:linear-gradient(to bottom, #00000029 0, #00000047 calc(var(--eyeline,30%) - 1.6em), #000 calc(var(--eyeline,30%) - .55em), #000 calc(var(--eyeline,30%) + 4em), #0009 100%);-webkit-mask-image:linear-gradient(to bottom, #00000029 0, #00000047 calc(var(--eyeline,30%) - 1.6em), #000 calc(var(--eyeline,30%) - .55em), #000 calc(var(--eyeline,30%) + 4em), #0009 100%);mask-image:linear-gradient(to bottom, #00000029 0, #00000047 calc(var(--eyeline,30%) - 1.6em), #000 calc(var(--eyeline,30%) - .55em), #000 calc(var(--eyeline,30%) + 4em), #0009 100%);font-size:var(--fs);position:absolute;inset:0;overflow:hidden}.stage-column{width:min(var(--measure), calc(100vw - 48px));margin-left:calc(min(var(--measure), calc(100vw - 48px)) / -2);font-family:var(--serif);font-size:var(--fs);font-variation-settings:"opsz" 72;line-height:var(--lh);letter-spacing:-.012em;will-change:transform;cursor:default;padding-bottom:80vh;position:absolute;top:0;left:50%}.pr-para{text-wrap:pretty;margin:0 0 .9em}.pr-head{font-family:var(--serif);letter-spacing:0;color:var(--stone);align-items:baseline;gap:.6em;margin:1.4em 0 .6em;font-size:.42em;font-style:italic;font-weight:400;display:flex}.pr-head:first-child{margin-top:0}.pr-head-n{font-family:var(--sans);color:var(--clay);font-variant-numeric:tabular-nums;font-size:.7em;font-style:normal;font-weight:600}.pr-cue{vertical-align:.25em;font-family:var(--hand);letter-spacing:0;color:var(--clay);border:1px solid color-mix(in oklab, var(--clay) 40%, transparent);white-space:nowrap;border-radius:999px;padding:.05em .6em .08em;font-size:.5em;font-weight:600;line-height:1.2;display:inline-block}.stage-column .w{transition:color .26s var(--ease), opacity .26s var(--ease);border-radius:.12em}.stage-column .w:hover{background:color-mix(in oklab, var(--amber) 12%, transparent);cursor:pointer}.stage-column.is-voice .w{color:color-mix(in oklab, currentColor 82%, transparent)}.stage-column.is-voice .w.past{color:var(--stone-dim)}.stage-column.is-voice .w.lead{color:var(--amber-hi)}.stage-line{left:0;right:0;top:var(--eyeline,30%);pointer-events:none;height:0;position:absolute}.stage-tick{background:var(--clay);opacity:.85;width:22px;height:1px;position:absolute;top:-.5px}.stage-tick.l{left:calc(50% - min(var(--measure), calc(100vw - 48px)) * .5 * (var(--fs) / var(--fs)) - 44px);left:calc(50% - min(var(--measure) * .5, 50vw - 24px) - 44px)}.stage-tick.r{right:calc(50% - min(var(--measure) * .5, 50vw - 24px) - 44px)}.stage-tick.l:after{content:"";border:4px solid #0000;border-left:6px solid var(--clay);position:absolute;top:-3.5px;right:-6px}.stage-viewport .stage-tick{font-size:var(--fs)}.stage-lamp{z-index:3}.countdown{z-index:6;background:#0a0908cc;place-content:center;justify-items:center;gap:18px;display:grid;position:absolute;inset:0}.countdown-n{font-family:var(--serif);font-variation-settings:"opsz" 72;color:var(--paper);animation:count .8s var(--ease) both;font-size:clamp(140px,24vw,300px);font-style:italic;line-height:1}.countdown-hint{color:var(--stone);font-size:13px}@keyframes count{0%{opacity:0;filter:blur(8px);transform:scale(1.18)}30%{opacity:1;filter:blur();transform:scale(1)}to{opacity:.05;transform:scale(.96)}}.hud{z-index:7;-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);height:48px;color:var(--paper);transition:opacity .42s var(--ease), transform .42s var(--ease);background:#1c1a17e0;background:lab(9.40795% .484176 2.47372/.88);border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:10px;padding:0 8px 0 6px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -20px #000,inset 0 1px #ffffff0d}.hud-hidden .hud{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.hud-hidden{cursor:none}.hud-play{background:var(--clay);color:#1a0f0a;width:36px;height:36px;transition:transform var(--t-ui) var(--ease);border-radius:50%;place-items:center;display:grid}.hud-play:hover{transform:scale(1.06)}.hud-play.on{color:var(--paper);background:#2a2622}.hud-modes{gap:2px;display:flex}.hud-mode{width:30px;height:30px;color:var(--stone);transition:color var(--t-ui), background var(--t-ui);border-radius:8px;place-items:center;display:grid}.hud-mode:hover{color:var(--paper)}.hud-mode.on{color:var(--clay);background:#ffffff0a}.hud-sep{background:#ffffff14;width:1px;height:20px}.hud-speed{align-items:center;gap:4px;display:flex}.hud-speed button{width:24px;height:24px;color:var(--stone);border-radius:6px}.hud-speed button:hover{color:var(--paper);background:#ffffff0a}.hud-num,.hud-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13.5px;font-weight:500}.hud-unit{color:var(--stone);margin:0 4px;font-size:11.5px;font-weight:400}.last-call{color:var(--clay)}.hud-meter{align-items:center;gap:2px;height:16px;padding:0 2px;display:flex}.hud-meter span{background:var(--stone-dim);transform-origin:50%;border-radius:2px;width:2.5px;height:100%;transition:transform 90ms linear,background .2s}.hud-meter.speaking span{background:var(--amber-hi)}.hud-icon{width:30px;height:30px;color:var(--stone);border-radius:8px;place-items:center;display:grid}.hud-icon:hover{color:var(--paper);background:#ffffff0a}.hud-icon.on{color:var(--clay)}.stage-status{z-index:7;color:var(--stone);font-size:13px;position:absolute;top:14px;right:18px}.stage-hint{z-index:7;white-space:nowrap;color:var(--stone);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:stage-in .6s .3s var(--ease) both;background:#0a0908cc;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.hud-hidden .stage-hint,.hud-hidden .stage-status{opacity:0}.cam{z-index:6;aspect-ratio:16/9;width:168px;transition:opacity .42s var(--ease), width .32s var(--ease);background:#1c1a17;border:1px solid #ffffff1a;border-radius:12px;margin:0;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 40px -18px #000}.cam video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.cam figcaption{place-items:center;display:grid;position:absolute;inset:0}.cam-dot{background:var(--clay);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.cam:hover{width:280px}.hud-hidden .cam{opacity:.55}.bar-btn{height:32px;color:var(--paper-dim);border:1px solid var(--line);transition:border-color var(--t-ui) var(--ease), color var(--t-ui) var(--ease), background var(--t-ui);border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:inline-flex}.bar-btn:hover{color:var(--fg);border-color:var(--stone-dim)}.bar-btn.on{color:var(--fg);border-color:color-mix(in oklab, var(--sage-glow) 60%, transparent)}.pair{position:relative}.pair-dot{background:#7fae8f;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #7fae8f}.pair-panel{z-index:30;background:var(--surface-1);border:1px solid var(--line);width:300px;animation:pop .22s var(--ease) both;border-radius:14px;padding:18px 18px 16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 30px 60px -24px #000}@keyframes pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}}.pair-title{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 14px;font-size:19px}.pair-qr{background:var(--paper);color:#1c1b18;border-radius:10px;padding:12px}.pair-qr svg{width:100%;height:auto;display:block}.pair-code{color:var(--stone);margin:12px 0 0;font-size:12.5px;line-height:1.5}.pair-code a{color:var(--paper-dim)}.pair-code strong{color:var(--fg);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:600}.pair-status{color:var(--paper-dim);align-items:center;gap:8px;margin:12px 0 0;font-size:13px;display:flex}.pair-status-dot{background:var(--amber);width:7px;height:7px;animation:breathe 1.6s var(--ease-io) infinite;border-radius:50%}.pair-status.ok .pair-status-dot{background:#7fae8f;animation:none}@keyframes breathe{50%{opacity:.35}}.pair-fine{color:var(--stone);margin:10px 0 0;font-size:12px;line-height:1.5}.display-wait{text-align:center;height:100%;color:var(--stone);place-content:center;gap:6px;padding:24px;display:grid}.display-wait p{margin:0}.display-wait-title{font-family:var(--serif);color:var(--fg);font-size:32px;margin-bottom:8px!important}.display-wait-keys{font-size:13px;margin-top:14px!important}