:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top,rgba(162,35,35,.08),transparent 35%),linear-gradient(180deg,#f4f1ec,#ebe6de);color:#17202a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .88);--border: rgba(23, 32, 42, .12);--shadow: 0 24px 60px rgba(52, 61, 74, .12);--accent: #9f1f27;--accent-muted: rgba(159, 31, 39, .12);--text-muted: #5f6670}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button,input,select,textarea{font:inherit}.app-shell{width:min(1120px,calc(100vw - 2rem));margin:0 auto;padding:3rem 0 4rem}.app-shell-embedded{width:min(100vw,1120px);padding:.75rem 0 1.25rem}.prototype-grid{display:grid;gap:1.5rem;margin-top:1.5rem;justify-items:center}.hero-panel,.content-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow)}.hero-panel{padding:2.5rem}.content-panel{margin-top:1.5rem;padding:1.75rem}.control-panel,.visual-panel,.diagnostics-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:1.5rem}.eyebrow{margin:0 0 .75rem;color:var(--accent);font-size:.9rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p,ol{margin:0}h1{font-family:Fraunces,Times New Roman,serif;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:500;line-height:.94;letter-spacing:-.04em;text-align:center}.lead,.panel-header p,.roadmap-item p,.architecture-grid p{color:var(--text-muted)}.lead{margin-top:1.25rem;max-width:60ch;font-size:1.05rem}.lead.compact{margin-top:0;font-size:.98rem}.control-header,.diagnostics-header{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:end;justify-content:space-between;margin-bottom:1.25rem}.control-note{max-width:48ch;color:var(--text-muted)}.scene-layout{width:min(1120px,100%);display:grid;gap:1.5rem;align-items:start;grid-template-columns:minmax(290px,380px) minmax(0,1fr)}.control-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.control-grid label,.toggle{display:grid;gap:.45rem}.control-grid span,.toggle span{font-size:.92rem;font-weight:600}.control-grid select,.control-grid input[type=range]{width:100%}.control-grid select,.secondary-button,.primary-button{min-height:2.75rem;border-radius:14px;border:1px solid rgba(23,32,42,.15);background:#ffffffc7;color:inherit}.button-row,.toggle-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}.primary-button,.secondary-button{padding:.7rem 1rem;cursor:pointer}.primary-button{background:var(--accent);border-color:var(--accent);color:#fff9f7}.visual-canvas-shell{position:relative}.visual-canvas{width:100%;height:540px;overflow:hidden;border-radius:20px}.visual-canvas canvas{width:100%;height:100%;display:block}.visual-loading{position:absolute;inset:0;display:grid;place-items:center;gap:.85rem;padding:1rem;border-radius:20px;background:linear-gradient(180deg,#ffffffe0,#f4f1eceb);color:var(--text-muted);font-size:.95rem;font-weight:600;letter-spacing:.02em;text-align:center}.visual-retry{min-width:10rem}.visual-caption{color:var(--text-muted);font-size:.95rem}.visual-caption-stack{margin-top:.85rem;display:grid;gap:.7rem}.visual-boundary-caption{color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-header{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:end;justify-content:space-between;margin-bottom:1.5rem}.legend-row{display:grid;gap:.85rem;align-items:center;grid-template-columns:auto minmax(0,1fr) auto}.legend-bar{height:.75rem;border-radius:999px;border:1px solid rgba(23,32,42,.1)}.legend-diverging{background:linear-gradient(90deg,#2d5f9a,#f8f5f1,#a32525)}.legend-sequential{background:linear-gradient(90deg,#fffaf7,#d65a4b 55%,#8f1f1f)}.legend-label,.visual-supporting-note{color:var(--text-muted);font-size:.9rem}@media(max-width:900px){.scene-layout{grid-template-columns:1fr}.visual-canvas{height:460px}}@media(max-width:779px){.app-shell{width:min(100vw - 1rem,1120px);padding-top:1rem}.hero-panel,.content-panel{border-radius:22px}.hero-panel{padding:1.5rem}.content-panel{padding:1.2rem}.visual-canvas{height:280px}.button-row,.toggle-row{flex-direction:column;align-items:stretch}}