:root{--bg:#0c1015;--panel:#141a21;--raise:#1b222b;--ink:#e6e9ee;--muted:#97a1ad;--line:#2b333d;--accent:#7fa6e6;--good:#7fd09a;--warn:#e0a84a;--bad:#f08a98;--display:"IBM Plex Sans Condensed","Arial Narrow",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink)}body{font:16px/1.55 var(--body);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:env(safe-area-inset-top,0) env(safe-area-inset-bottom,0)}a{color:var(--accent)}main.screen{max-width:1080px;margin:0 auto;padding-block:20px 64px;display:flex;flex-direction:column;gap:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.topbar .who{overflow-wrap:anywhere}.topbar form{margin:0}header.intro{display:flex;flex-direction:column;gap:8px}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1{font:700 clamp(30px,5vw,46px)/1.05 var(--display);letter-spacing:-.01em;margin:0;text-wrap:balance}.lede{margin:0;color:var(--muted);max-width:62ch}.runs{flex-wrap:wrap;gap:8px}.run,.runs{display:flex}.run{align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;min-width:0}.run b{font:600 14px var(--display);letter-spacing:.02em}.run .w{font-size:13px}.run .w,.run code{color:var(--muted)}.run code{font:400 12px var(--mono)}.pill{font:500 12px/1 var(--mono);padding:5px 8px;border-radius:999px;border:1px solid}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.stage{display:flex;flex-direction:column;gap:10px}.player{position:relative;max-width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;overflow:hidden}.player,.player video{width:100%;background:#000}.player video{position:absolute;inset:0;height:100%;display:block}.now{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline}.now h2{font:700 22px/1.2 var(--display);margin:0}.now h2 span{color:var(--accent);font-family:var(--mono);font-weight:500;font-size:16px;margin-right:10px}.now p{margin:0;color:var(--muted);flex-basis:100%;max-width:70ch}.ctl{display:flex;gap:8px}button{font:500 14px var(--body);color:var(--ink);background:var(--raise);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}button:hover{border-color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.6;cursor:progress}ol.reel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}ol.reel .chapter{margin:18px 0 4px;font:600 13px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);display:flex;gap:10px;align-items:baseline}ol.reel li:first-child .chapter{margin-top:4px}ol.reel .chapter span{color:var(--accent)}.now .chap{font:500 12px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-basis:100%}ol.reel button{width:100%;text-align:left;display:grid;grid-template-columns:44px 132px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px 8px 10px;color:var(--ink)}ol.reel button:hover{border-color:#3d4855}ol.reel button[aria-current=true]{border-color:var(--accent);background:var(--raise)}.num{font:500 15px var(--mono);color:var(--accent);text-align:center}.thumb{width:132px;max-width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;background:#000;display:block}.txt{min-width:0}.txt b{display:block;font:600 17px/1.25 var(--display)}.txt span{display:block;font-size:14px;line-height:1.4}.len,.txt span{color:var(--muted)}.len{font:400 13px var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}footer{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:14px}footer code{font-family:var(--mono);font-size:12px}@media (max-width:620px){ol.reel button{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.thumb{display:none}.txt span{font-size:13px}}main.auth{min-height:100vh;display:grid;place-items:center;padding-block:32px}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:10px}.auth-card h1{font-size:34px}.auth-card form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.auth-card label{font-size:13px;color:var(--muted)}.auth-card input{font:16px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.auth-card button[type=submit]{margin-top:8px;background:var(--accent);color:#0c1015;border-color:var(--accent);font-weight:600;padding:10px 12px}.notice{margin:4px 0 0;font-size:14px}.notice.bad{color:var(--bad)}.notice.ok{color:var(--good)}.switch{margin:6px 0 0;font-size:14px;color:var(--muted)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}