*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c18;--surface: #13131f;--surface2: #1a1a2e;--border: #252540;--text: #cccce8;--muted: #5a5a7a;--accent: #7b68ee;--accent-dim: #3d3580;--scene-fg: #8888b8;--speaker-fg: #c89aff}html{height:100%;scroll-behavior:smooth}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang TC,sans-serif;font-size:14px;line-height:1.7}header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:12px 28px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}header h1{font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.header-sub{font-size:.65rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}#header-link{margin-left:auto;color:var(--muted);display:inline-flex;transition:color .15s}#header-link:hover{color:#0a66c2}.showcase,#masthead,#observer-briefing,#scale-up{max-width:1040px;margin:0 auto;padding:40px 28px}#masthead{padding-top:56px;padding-bottom:22px}.sec-head{margin-bottom:22px}.sec-kicker{font-family:monospace;font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}.sec-h{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:700;color:var(--text);margin:4px 0 6px}.sec-sub{font-size:.9rem;color:var(--scene-fg);max-width:62ch;line-height:1.7}.mast-line{font-size:clamp(1.6rem,4.2vw,2.5rem);font-weight:700;line-height:1.22;color:var(--text);max-width:20ch}.mast-sub{font-size:1rem;color:var(--scene-fg);line-height:1.7;max-width:60ch;margin-top:14px}.stat-strip{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px;font-family:monospace;font-size:.66rem}.stat-strip .stat{color:var(--accent);letter-spacing:.04em;background:var(--surface2);border:1px solid var(--accent-dim);padding:4px 10px;border-radius:5px}.stat-strip .stat b{color:var(--text);font-weight:700}#observer-briefing{position:relative;overflow:hidden;font-family:Consolas,ui-monospace,SF Mono,monospace;color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:12px;padding:16px 18px;box-shadow:0 0 34px -10px color-mix(in srgb,var(--accent) 45%,transparent);max-width:1040px}#observer-briefing .ob-scan{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background:repeating-linear-gradient(0deg,transparent 0 2px,var(--accent) 2px 3px)}#observer-briefing>:not(.ob-scan){position:relative}.ob-head{display:flex;align-items:center;gap:8px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--accent) 12%,transparent)}.ob-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--accent);box-shadow:0 0 8px 2px color-mix(in srgb,var(--accent) 60%,transparent);animation:ob-pulse 1.8s ease-in-out infinite}.ob-title{font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--speaker-fg)}.ob-tag{margin-left:auto;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ob-body{margin-top:13px;display:flex;flex-direction:column;gap:13px}.ob-body-3{flex-direction:row;gap:22px}.ob-body-3 .ob-row{flex:1}.ob-row{display:flex;gap:12px}.ob-idx{flex-shrink:0;align-self:flex-start;font-size:.62rem;line-height:1.4;color:var(--accent);padding:1px 6px;border-radius:4px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.ob-h{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:4px}.ob-p{font-size:.76rem;line-height:1.6;color:var(--scene-fg)}.ob-p em{font-style:normal;color:var(--accent)}.ob-foot{margin-top:13px;padding-top:9px;display:flex;align-items:center;gap:8px;border-top:1px solid color-mix(in srgb,var(--accent) 12%,transparent);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.ob-caret{width:6px;height:12px;flex-shrink:0;background:var(--accent);animation:ob-pulse 1.1s steps(2,start) infinite}@keyframes ob-pulse{50%{opacity:.25}}.build-flow{list-style:none;display:flex;flex-direction:column;gap:16px}.build-step{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.6fr);gap:22px;align-items:center;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;padding:18px 20px}.build-meta{display:flex;flex-direction:column;gap:4px}.build-num{font-family:monospace;font-size:.62rem;color:var(--accent);letter-spacing:.1em}.build-label{font-size:.98rem;font-weight:700;color:var(--text)}.build-sub{font-size:.74rem;color:var(--muted);line-height:1.5}.build-sub b{color:var(--scene-fg);font-weight:600}.build-art{min-width:0}.manuscript,.code-json{font-family:Consolas,ui-monospace,SF Mono,monospace;font-size:.72rem;line-height:1.7;white-space:pre-wrap;overflow-x:auto;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.manuscript{color:var(--muted)}.code-json{color:var(--scene-fg)}.code-json .jk{color:var(--speaker-fg)}.code-json .js{color:#7fd1a6}.code-json .jn{color:#ffaa5e}.code-json .jp{color:var(--muted)}.code-json .jc{color:var(--muted);font-style:italic}.build-art-imgs{display:flex;gap:10px;align-items:flex-end;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:hidden}.art-bg{height:120px;border-radius:6px;opacity:.9}.art-sprite{height:130px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.build-art-cta{display:flex;align-items:center}.art-link{text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);border-radius:8px;padding:11px 20px;transition:background .15s,color .15s}.art-link:hover{background:var(--accent);color:#fff}.cascade-demo{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 22px}.cascade-note{font-size:.86rem;color:var(--scene-fg);line-height:1.6;margin-bottom:16px}.cascade-tag{display:inline-block;font-family:monospace;font-size:.62rem;letter-spacing:.08em;color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border:1px solid var(--accent-dim);border-radius:5px;padding:2px 8px;margin-right:8px}.diff-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}.diff-orig{font-family:Georgia,serif;font-style:italic;color:var(--muted);font-size:.9rem}.diff-spk{display:inline-block;font-family:monospace;font-style:normal;font-size:.56rem;letter-spacing:.1em;color:var(--muted);margin-right:8px;vertical-align:middle}.diff-arrow{color:var(--accent);font-size:1.1rem}.diff-new{color:var(--speaker-fg);font-size:.92rem;font-weight:500}.cascade-foot{margin-top:14px;font-size:.74rem;color:var(--muted);line-height:1.6}#library{width:100%}#library-status{font-size:.78rem;color:var(--muted);font-style:italic;margin-top:12px}#story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.story-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;gap:12px;transition:border-color .18s,background .18s,transform .18s;cursor:pointer;text-decoration:none;color:inherit}.story-card:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-2px)}.card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-year{font-size:.6rem;font-family:monospace;color:var(--muted);letter-spacing:.08em;background:var(--surface2);border:1px solid var(--border);padding:2px 7px;border-radius:4px}.stat-chip{font-size:.6rem;font-family:monospace;color:var(--accent);letter-spacing:.04em;background:var(--surface2);border:1px solid var(--accent-dim);padding:2px 7px;border-radius:4px}.card-title{font-size:1.2rem;font-weight:700;color:var(--speaker-fg);letter-spacing:.02em;line-height:1.25}.card-author{font-size:.68rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.card-desc{font-size:.82rem;color:var(--scene-fg);line-height:1.6;flex:1}.card-pipeline{font-size:.66rem;color:var(--muted);line-height:1.5;border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:2px}.card-pipeline b{color:var(--scene-fg);font-weight:600}.card-cta{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:gap .15s}.story-card:hover .card-cta{gap:10px}#live-mount{width:100%}#create-room{margin:0 0 22px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px}#create-room .cr-title{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:10px}.cr-form{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) minmax(130px,.9fr) minmax(110px,.75fr) minmax(130px,1fr) auto;gap:8px;align-items:center}.cr-form select,.cr-form input{min-width:0;height:34px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:0 9px;font-size:.78rem}.cr-form select:focus,.cr-form input:focus{outline:none;border-color:var(--accent)}#cr-create{height:34px;padding:0 14px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:6px;cursor:pointer;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}#cr-create:hover:not(:disabled){background:var(--accent);color:#fff}#cr-create:disabled{opacity:.45;cursor:wait}#cr-status{min-height:1.1em;margin-top:8px;font-size:.72rem;color:var(--muted)}#cr-status.cr-error{color:#ff8a8a;font-weight:600;background:#ff505017;border:1px solid rgba(255,80,80,.35);border-radius:6px;padding:6px 10px;display:inline-block}#scale-up{border-top:1px solid var(--border);padding-top:40px;padding-bottom:64px}#scale-form{display:flex;flex-direction:column;gap:10px;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.sf-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}#scale-form input,#scale-form textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:7px;color:var(--text);padding:9px 11px;font-size:.82rem;min-width:0;font-family:inherit}#scale-form input{height:38px;padding-top:0;padding-bottom:0}#scale-form textarea{resize:vertical;min-height:84px;line-height:1.5}#scale-form input:focus,#scale-form textarea:focus{outline:none;border-color:var(--accent)}#sf-submit{height:40px;margin-top:2px;padding:0 18px;white-space:nowrap;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:7px;cursor:pointer;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .15s,color .15s}#sf-submit:hover:not(:disabled){background:var(--accent);color:#fff}#sf-submit:disabled{opacity:.5;cursor:wait}#sf-status{min-height:1.1em;font-size:.76rem;color:var(--scene-fg)}#sf-status.sf-error{color:#ff8a8a}#cost-warning{position:fixed;bottom:14px;right:16px;z-index:40;display:inline-flex;align-items:center;gap:10px;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:5px 11px;border-radius:6px}#author-link{display:inline-flex;align-items:center;color:var(--muted);padding-left:10px;border-left:1px solid var(--border);transition:color .15s}#author-link:hover{color:#0a66c2}@media (max-width: 820px){.ob-body-3{flex-direction:column;gap:14px}.build-step{grid-template-columns:1fr;gap:14px}.diff-row{grid-template-columns:1fr;gap:4px}.diff-arrow{display:none}.diff-new:before{content:"→ ";color:var(--accent)}}@media (max-width: 640px){.showcase,#masthead,#observer-briefing,#scale-up{padding-left:18px;padding-right:18px}.cr-form{grid-template-columns:1fr}.sf-row{flex-direction:column}}