:root{--background:#09070d;--panel:#100e15;--panel-raised:#17141d;--surface-nested:#1e1a24;--surface-input:#0c0a0f;--text-primary:#fafafa;--text-secondary:#d4d4d8;--text-muted:#a1a1aa;--border:#ffffff17;--border-strong:#ffffff29;--accent:#fcd34d;--accent-hover:#fde68a;--accent-soft:#fcd34d1a;--success:#86efac;--error:#fca5a5;--focus-ring:0 0 0 3px #fcd34d2e;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--space-1:.35rem;--space-2:.65rem;--space-3:1rem;--space-4:1.35rem;--content-max:92rem}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{margin-left:1.15rem}li+li{margin-top:.4rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;box-shadow:var(--focus-ring)}.demo-kicker{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1.4}.welcome-page{background:radial-gradient(circle at 50% -20%, #fcd34d14, transparent 38rem), var(--background);place-items:center;min-height:100dvh;padding:clamp(1rem,4vw,3rem);display:grid}.welcome-card{gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(100%,46rem);padding:clamp(1.5rem,4vw,2.5rem);display:grid;box-shadow:0 16px 40px #00000029}.welcome-card h1{letter-spacing:-.035em;font-size:clamp(2rem,5vw,3.4rem);line-height:1.05}.welcome-summary{max-width:55ch;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.12rem)}.welcome-actions,.demo-reveal-actions,.demo-guide__controls,.demo-guide__secondary-controls{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.welcome-actions{margin-top:var(--space-1)}.welcome-primary,.welcome-secondary,.demo-cta-link,.demo-button,.demo-inline-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.welcome-primary,.demo-cta-link,.demo-button{background:var(--accent);color:#18120a;border:1px solid #0000}.welcome-primary:hover,.demo-cta-link:hover,.demo-button:hover{background:var(--accent-hover)}.welcome-secondary,.demo-button--ghost,.demo-inline-button{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}.welcome-secondary:hover,.demo-button--ghost:hover,.demo-inline-button:hover{color:var(--text-primary);background:#ffffff0f;border-color:#fcd34d59}.welcome-notes{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-muted);gap:.25rem;font-size:.8125rem;display:grid}.demo-shell{gap:var(--space-3);width:min(100%, var(--content-max));margin-inline:auto;padding:clamp(.75rem,2vw,1.5rem);display:grid}.demo-header{gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:.5rem 0 .25rem;display:grid}.demo-branding{min-width:0}.demo-branding h1{letter-spacing:-.025em;margin-top:.35rem;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.12}.demo-branding>p:last-child{color:var(--text-muted);overflow-wrap:anywhere;margin-top:.45rem;font-size:.875rem}.demo-header-actions{text-align:right;justify-items:end;gap:.45rem;max-width:24rem;display:grid}.demo-data-badge,.demo-indicator{border:1px solid var(--border-strong);background:var(--panel-raised);width:fit-content;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.32rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.demo-indicator{background:var(--accent-soft);color:var(--accent-hover);border-color:#fcd34d40}.demo-factual-note{color:var(--text-muted);font-size:.75rem}.demo-workspace-bar{align-items:center;gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:.55rem .65rem;display:flex}.demo-workspace-bar>p{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;flex:none;font-size:.7rem;font-weight:700}.demo-shell__nav{scrollbar-width:thin;gap:.2rem;min-width:0;display:flex;overflow-x:auto}.demo-shell__nav-link{border-radius:var(--radius-sm);min-height:2.25rem;color:var(--text-muted);white-space:nowrap;border:1px solid #0000;flex:none;padding:.45rem .7rem;font-size:.8125rem;font-weight:650}.demo-shell__nav-link:hover{color:var(--text-primary);background:#ffffff0d}.demo-shell__nav-link--active{background:var(--accent-soft);color:var(--accent-hover);border-color:#fcd34d40}.demo-guide{gap:var(--space-3);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);border-left:2px solid #fcd34d8c;grid-template-columns:auto minmax(12rem,1fr) auto auto;align-items:center;padding:.65rem .8rem;display:grid}.demo-guide__header{gap:var(--space-2);align-items:center;display:flex}.demo-guide__step{color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:700}.demo-guide__instruction{color:var(--text-secondary);font-size:.8125rem}.demo-guide .demo-button,.demo-guide .demo-inline-button{min-height:2.35rem;padding:.4rem .7rem;font-size:.75rem}.demo-inline-link{color:var(--accent-hover);text-underline-offset:.2rem;font-size:.8125rem;text-decoration:underline}.demo-main,.demo-route-page{gap:var(--space-3);min-width:0;display:grid}.demo-route-page{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1rem,2vw,1.35rem);box-shadow:0 16px 40px #0000001f}.demo-route-page__header{padding-bottom:var(--space-3);border-bottom:1px solid var(--border);gap:.3rem;display:grid}.demo-route-page__header h2{letter-spacing:-.015em;font-size:clamp(1.25rem,2vw,1.6rem)}.demo-route-page__header>p:last-child{max-width:68ch;color:var(--text-muted);font-size:.875rem}.demo-grid{gap:var(--space-3);min-width:0;display:grid}.demo-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-card{min-width:0;padding:var(--space-3);background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-md);gap:.55rem;display:grid}.demo-card h3{color:var(--text-primary);letter-spacing:.005em;font-size:.95rem}.demo-card p,.demo-card li{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.875rem}.demo-card strong{color:var(--text-primary)}.demo-muted{color:var(--text-muted)!important;font-size:.78rem!important}.demo-highlight{font-weight:700;color:var(--accent-hover)!important;font-size:1rem!important}.demo-guidance{background:var(--accent-soft);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);padding:.7rem .8rem;font-size:.8125rem}.demo-button--small{min-height:2.4rem;padding:.45rem .75rem;font-size:.78rem}.demo-button[disabled],.demo-inline-button[disabled]{cursor:not-allowed;opacity:.42}.demo-scenes{gap:.7rem;min-width:0;display:grid}.demo-scene-card{background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;overflow:clip}.demo-scene-card--selected{box-shadow:inset 3px 0 0 var(--accent);border-color:#fcd34d80}.demo-scene-card__trigger{width:100%;color:inherit;text-align:left;background:0 0;border:0;gap:.3rem;padding:.85rem 1rem;display:grid}.demo-scene-card__trigger:hover{background:#ffffff06}.demo-scene-card__code{color:var(--accent);letter-spacing:.14em;align-items:center;gap:.45rem;font-size:.7rem;font-weight:700;display:flex}.demo-scene-card__code:before{border:1px solid var(--accent);content:"";border-radius:999px;width:.42rem;height:.42rem}.demo-scene-card__trigger h3{margin-top:.1rem;font-size:1.05rem}.demo-scene-card__trigger p{color:var(--text-muted);font-size:.8125rem}.demo-scene-card__state{width:fit-content;color:var(--text-secondary);margin-top:.2rem;font-size:.7rem;font-weight:700}.demo-scene-card__panel{background:var(--surface-nested);border-top:1px solid var(--border);padding:.85rem 1rem}.demo-scene-card__panel li{color:var(--text-secondary);font-size:.8125rem}.demo-reveal-item{background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem}.demo-reveal-item+.demo-reveal-item,.demo-history-list li+li{margin-top:.65rem}.demo-reveal-actions{margin-top:.45rem}.demo-recipient-panel{background:var(--surface-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);margin-top:.7rem;padding:.75rem}.demo-recipient-panel legend{color:var(--text-secondary);padding-inline:.3rem;font-size:.78rem;font-weight:700}.demo-recipient-list{gap:.3rem;display:grid}.demo-recipient-list label{min-height:2.5rem;color:var(--text-secondary);align-items:center;gap:.55rem;font-size:.8125rem;display:flex}.demo-recipient-list input{width:1rem;height:1rem;accent-color:var(--accent)}.demo-live-region{min-height:1.4rem;margin-top:.45rem;font-size:.8125rem;font-weight:700;color:var(--success)!important}.demo-history-list{margin-left:0;list-style:none}.demo-history-list li{background:var(--surface-nested);border-left:2px solid var(--border-strong);padding:.7rem}.demo-empty-state{text-align:center;border-style:dashed;margin-bottom:0}.demo-player-selector{gap:.4rem;max-width:28rem;display:grid}.demo-player-selector label{color:var(--text-secondary);font-size:.8125rem;font-weight:700}.demo-player-selector select{background:var(--surface-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;min-height:2.75rem;color:var(--text-primary);padding:0 .75rem}.demo-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.demo-stat-grid div{background:var(--surface-nested);border:1px solid var(--border);border-radius:var(--radius-sm);gap:.15rem;padding:.65rem;display:grid}.demo-stat-grid span{color:var(--text-muted);font-size:.72rem}.demo-stat-grid strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.15rem}@media (max-width:1100px){.demo-guide{grid-template-columns:auto minmax(12rem,1fr) auto}.demo-guide__secondary-controls{grid-column:1/-1}}@media (max-width:900px){.demo-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-guide{grid-template-columns:1fr auto}.demo-guide__instruction,.demo-guide__secondary-controls{grid-column:1/-1}}@media (max-width:640px){.demo-shell{padding:.75rem}.demo-header{grid-template-columns:1fr;gap:.7rem}.demo-header-actions{text-align:left;justify-items:start}.demo-workspace-bar{background:0 0;border:0;gap:.35rem;padding-inline:0;display:grid}.demo-shell__nav{margin-inline:-.75rem;padding:0 .75rem .25rem}.demo-guide{grid-template-columns:1fr;gap:.65rem}.demo-guide__instruction,.demo-guide__secondary-controls{grid-column:auto}.demo-guide__controls .demo-button,.demo-guide__secondary-controls .demo-inline-button{flex:8rem}.demo-grid--two,.demo-grid--three{grid-template-columns:1fr}.demo-route-page{padding:.85rem}.demo-scene-card__trigger,.demo-scene-card__panel{padding-inline:.8rem}.welcome-actions>*,.demo-reveal-actions>.demo-button,.demo-reveal-actions>.demo-cta-link{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}