:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a1a;--panel:#0f142c;--panel-2:#121833;--border:#2b2f55;--text:#e0e6ff;--muted:#9aa3d6;--gold:#ffd166;--mint:#80ff72;--pink:#ff8fa3;--cyan:#4cc9f0;--violet:#c4a1ff}*{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #ffd1661f, transparent 50%), radial-gradient(ellipse 60% 40% at 100% 0%, #4cc9f014, transparent 45%), var(--bg);color:var(--text);margin:0;font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}code,pre,.cmd-block{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hero{border-bottom:1px solid var(--border);padding:36px 16px 20px}.hero-inner{text-align:center;max-width:980px;margin:0 auto}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px}h1{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(34px,5vw,48px)}h1 span{color:var(--gold)}.tagline{max-width:40rem;color:var(--muted);margin:10px auto 0;font-size:16px}.tagline b{color:var(--text);font-weight:600}.cta-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.cta-row code{border:1px solid var(--border);color:var(--gold);background:#121833;border-radius:8px;padding:10px 14px;font-size:13px}.cta-hint{color:var(--muted);margin:10px 0 0;font-size:13px}main{max-width:980px;margin:0 auto;padding:18px 12px 48px}.gallery h2,.rail-head h2,.protocol h2,#help h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:22px;display:grid}.card{text-align:left;cursor:pointer;background:var(--panel);border:1px solid var(--border);color:inherit;font:inherit;border-radius:14px;padding:14px 16px;transition:border-color .15s,transform .15s,box-shadow .15s}.card:hover,.card.active{border-color:var(--gold);transform:translateY(-1px);box-shadow:0 8px 24px #00000059}.card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card b{color:#fff;font-size:15px}.card p{color:var(--muted);margin:8px 0;font-size:13.5px}.card .meta{color:#7a84b8;font-family:ui-monospace,Menlo,monospace;font-size:11px}.pill{border:1px solid var(--border);color:var(--muted);background:var(--panel-2);border-radius:999px;flex:none;padding:2px 8px;font-size:10px}.pill.mcp{border-color:var(--violet);color:var(--violet)}.stage-wrap{margin-top:4px}#stage{border:3px solid var(--border);background:#0b1026;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffd16614,0 20px 50px #00000073}canvas{width:100%;height:auto;image-rendering:pixelated;display:block}#drop{border:3px dashed var(--gold);background:#0b1026e0;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.hidden{display:none!important}.rail-head{justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 8px;display:flex}.rail-head h2{margin:0}.beat{color:var(--gold);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font:12px/1.3 ui-monospace,Menlo,monospace}#timeline{border:1px solid var(--border);background:#0a0e22;border-radius:10px;width:100%;margin-bottom:10px;display:block}#controls,#actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}#scrub{accent-color:var(--gold);flex:1}button,.btn,select{background:var(--panel-2);color:var(--text);font:inherit;cursor:pointer;border:2px solid #3a4080;border-radius:6px;padding:7px 12px}button:hover,.btn:hover,select:hover{border-color:var(--gold)}.btn.primary,button.primary{color:#1a1400;background:linear-gradient(#ffe08a,#e6b84a);border-color:#f0c85a;font-weight:700}.btn.ghost{text-decoration:none;display:inline-block}#play{width:52px;font-size:18px}#status{color:var(--muted);font-size:13px}#copySummary.copied{border-color:var(--mint);color:var(--mint)}#summary{background:var(--panel);border:2px solid var(--border);border-radius:10px;margin-top:14px;padding:12px 14px}#summary .sum-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}#summary strong{color:#fff;font-size:14px}#summary .health{background:var(--panel-2);border:1px solid var(--gold);color:var(--gold);border-radius:999px;flex:none;padding:2px 10px;font-family:ui-monospace,Menlo,monospace;font-size:12px}#summary .health.bad{color:#ff6b6b;border-color:#ff6b6b}#summary .health.ok{border-color:var(--mint);color:var(--mint)}#summary ul{color:var(--muted);margin:8px 0 0;padding-left:18px;font-size:13px}.protocol{border-top:1px solid var(--border);margin-top:28px;padding-top:18px}.proto-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.proto-grid h3{color:#fff;margin:0 0 6px;font-size:14px}.proto-grid p{color:var(--muted);margin:0;font-size:13.5px}.proto-grid code{background:var(--panel-2);border-radius:3px;padding:1px 5px;font-size:12px}#help{color:#b7bee6;margin-top:24px}#help ul{padding-left:18px}.cmd-block{background:var(--panel);border:1px solid var(--border);color:var(--gold);border-radius:10px;padding:12px 14px;font-size:12.5px;line-height:1.6;overflow-x:auto}.privacy{color:var(--mint)}.family{color:var(--muted);font-size:13px}.family a,#help a,a{color:var(--gold)}#tip{z-index:5;max-width:250px;color:var(--text);border:1px solid var(--gold);pointer-events:none;word-break:break-all;background:#0a0c1eeb;padding:6px 8px;font:12px/1.4 Courier New,monospace;position:absolute}#tip.hidden{display:none}#tip .bad{color:#ff6b6b}