:root{--read: #4a5568;--now: #ffffff;--next: #cbd5e0;--accent: #63b3ed;--bar-h: 52px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0c10;color:var(--next);font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;-webkit-text-size-adjust:100%}#bar{position:fixed;top:0;left:0;right:0;min-height:var(--bar-h);display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top));background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);font-size:12px;z-index:10}.spacer{flex:1}#bar button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px 14px;font-size:13px;cursor:pointer;min-height:36px}#bar button:hover{background:#ffffff2e}#bar button.live{background:#c53030;border-color:#e53e3e}#bar label{display:flex;align-items:center;gap:6px;opacity:.85}#bar input[type=range]{width:80px;-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:#ffffff40;outline:none}#bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;cursor:pointer}#status{opacity:.65}#status.err{color:#fc8181;opacity:1}.badge{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge.local{color:#68d391;border-color:#68d39159;background:#68d3911a}.badge.clickable{cursor:pointer}.badge.clickable:hover{filter:brightness(1.25)}.badge.cloud{color:#f6ad55;border-color:#f6ad5559;background:#f6ad551a}#editor-panel{position:fixed;top:var(--bar-h);left:0;right:0;height:42%;z-index:9;background:#000000f0;border-bottom:1px solid rgba(255,255,255,.1)}#editor-panel.hidden{display:none}#editor{width:100%;height:100%;background:transparent;color:#e2e8f0;border:0;padding:16px;font-size:15px;line-height:1.6;resize:none;outline:none;font-family:ui-monospace,SF Mono,Menlo,monospace}#stage{position:absolute;inset:var(--bar-h) 0 0 0;overflow:hidden}#anchor-line{position:absolute;top:33.33%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35;z-index:2;pointer-events:none}#script{padding:0 6% 70vh;font-size:44px;line-height:1.5;font-weight:600;will-change:transform}#script.mirrored{scale:-1 1}.para{margin:0 0 .8em}.w{transition:color .14s ease;cursor:pointer}.w.read{color:var(--read)}.w.now{color:var(--now);text-shadow:0 0 24px rgba(99,179,237,.5)}.w.next{color:var(--next)}.w:hover{text-decoration:underline;text-underline-offset:6px}#unsupported{position:fixed;inset:0;background:#000000d9;display:grid;place-items:center;z-index:20;padding:24px}#unsupported[hidden]{display:none}.card{max-width:460px;background:#12161d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:28px;font-size:14px;line-height:1.65}.card h2{margin:0 0 12px;font-size:18px;color:#fff}.card p{margin:0 0 12px}.card .muted{opacity:.6}.card button{margin-top:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:10px 16px;cursor:pointer}@media(max-width:640px){#script{font-size:30px;padding:0 5% 70vh}#bar{font-size:11px;gap:8px}#bar label{font-size:11px}}.card ul{padding-left:20px;margin:0 0 14px}.card li{margin-bottom:8px}.card strong{color:var(--now)}