:root{--ink:#0b0b0d;--ink2:#141417;--paper:#fffdf6;--ember:#ff7a3c;--ember2:#ffb347;--muted:rgba(255,253,246,.62);--line:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:#000}
body{font-family:'Hiragino Sans','Helvetica Neue',Arial,sans-serif;color:var(--paper);-webkit-font-smoothing:antialiased}
#stage{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--ink);transition:background 1.2s ease}
#stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 55% at 50% 112%,rgba(255,90,30,.2),transparent 60%);pointer-events:none;z-index:0}
.slide{position:relative;z-index:1;width:min(1080px,94vw);max-height:86vh;overflow-y:auto;padding:8px 26px 4px;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease;scrollbar-width:none}
.slide::-webkit-scrollbar{display:none}
.slide.on{opacity:1;transform:none}
.kicker{font-size:11.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--ember2);margin-bottom:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.status{font-size:10px;letter-spacing:.08em;font-weight:700;color:#bff5c0;background:rgba(80,200,110,.14);border:1px solid rgba(109,204,109,.4);border-radius:999px;padding:3px 10px;text-transform:none}
.status.beta{color:#ffe2a8;background:rgba(244,196,75,.14);border-color:rgba(244,196,75,.45)}
.name{font-size:clamp(32px,5vw,58px);font-weight:800;letter-spacing:-.02em;line-height:1.04;margin-bottom:8px}
.tag{font-size:clamp(15px,2.2vw,21px);color:var(--paper);opacity:.92;margin-bottom:16px;font-weight:600}
.cols{display:flex;gap:24px;align-items:stretch;text-align:left;margin:0 auto;max-width:980px}
.col-l{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:center}
.col-r{flex:1 1 0;min-width:0;display:flex;align-items:center}
.shot{width:100%;border-radius:12px;border:1px solid var(--line);box-shadow:0 16px 40px rgba(0,0,0,.5);display:block;aspect-ratio:16/10;object-fit:cover;object-position:top}
.vision{font-size:clamp(15px,1.9vw,18.5px);line-height:1.55;color:#ffe9d2;font-weight:600;border-left:3px solid var(--ember);padding-left:13px}
.vision .lab{display:block;font-size:11px;letter-spacing:.1em;color:var(--ember2);margin-bottom:4px;font-weight:700}
.live{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:13px;padding:13px 17px}
.live .lh{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;text-transform:uppercase;flex-wrap:wrap}
.live .dot{width:7px;height:7px;border-radius:50%;background:#6dcc6d;box-shadow:0 0 8px #6dcc6d;animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
.live .tool{color:var(--ember2)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 16px;font-size:13.5px}
.kv .k{color:var(--muted);white-space:nowrap}
.kv .v{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.lines{font-size:13.5px;line-height:1.6}
.lines .li{padding:2px 0;border-bottom:1px dashed rgba(255,255,255,.07)}
.lines .li:last-child{border:0}
.lines b,.kv b{color:var(--ember2)}
.dev{font-size:12px;color:var(--muted);line-height:1.5;font-family:'JetBrains Mono',monospace}
.dev b{color:#bff5c0;font-weight:700}
.url{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--ember2);border:1px solid rgba(255,179,71,.3);border-radius:999px;padding:4px 14px;margin:16px 0 6px}
.solo{max-width:680px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}
.solo .vision{border-left:0;padding:0;text-align:center;font-size:clamp(17px,2.4vw,23px)}
.solo .live{text-align:left;display:inline-block}
#cap{position:fixed;left:0;right:0;bottom:60px;z-index:3;text-align:center;padding:0 28px;font-size:clamp(15px,2.2vw,21px);line-height:1.5;font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.9);pointer-events:none}
#cap .vchip{display:inline-block;font-size:11px;font-family:monospace;color:var(--ember2);border:1px solid rgba(255,179,71,.35);border-radius:999px;padding:2px 10px;margin-bottom:8px;letter-spacing:.05em}
#bar{position:fixed;left:0;right:0;bottom:0;height:46px;z-index:4;display:flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent)}
.dots{display:flex;gap:6px;flex-wrap:wrap;max-width:54vw;justify-content:center}
.dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);cursor:pointer;transition:.3s}
.dots i.on{background:var(--ember);transform:scale(1.35)}
.btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--paper);border-radius:8px;padding:5px 12px;font-size:13px;cursor:pointer;font-weight:600}
.btn:hover{background:rgba(255,255,255,.16)}
.btn.act{border-color:var(--ember2);color:var(--ember2)}
#auto-pill{position:fixed;top:42px;left:50%;transform:translateX(-50%);z-index:4;font:600 11px/1 'JetBrains Mono',monospace;color:var(--ember2);background:rgba(0,0,0,.4);border:1px solid rgba(255,179,71,.35);border-radius:999px;padding:5px 12px;letter-spacing:.06em;opacity:0;transition:opacity .4s}
#auto-pill.show{opacity:1}
#start{position:fixed;inset:0;z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse 60% 50% at 50% 60%,rgba(255,90,30,.18),var(--ink));cursor:pointer;padding:20px}
#start .kicker{color:var(--ember2)}
#start h1{font-size:clamp(28px,5.5vw,52px);font-weight:800;text-align:center;line-height:1.12}
#start p{color:var(--muted);font-size:14.5px;text-align:center;max-width:580px}
#start .play{font-size:15px;border:1px solid var(--ember2);color:var(--ember2);border-radius:999px;padding:12px 26px;font-weight:700}
.accent{color:var(--ember2)}
.strong{color:var(--paper)}
#hint{position:fixed;top:42px;right:14px;z-index:4;font-size:11px;color:var(--muted);font-family:monospace}
.mute-tip{position:fixed;top:0;left:0;right:0;z-index:9999;background:#e8743b;color:#fff;font:13px/1.5 system-ui,sans-serif;text-align:center;padding:9px 38px;letter-spacing:.02em}
.mute-x{position:absolute;right:14px;top:7px;cursor:pointer;font-size:17px}
.backlink{position:fixed;top:46px;left:14px;z-index:4;font:600 12px/1 system-ui,sans-serif;color:rgba(255,253,246,.7);text-decoration:none;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:7px 11px}
@media(max-width:760px){.cols{flex-direction:column;gap:14px}.col-r{order:-1}#auto-pill{display:none}}