:root{color:#f2f4fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at top,#2840844d,#0000 38%),linear-gradient(#09111f 0%,#03070f 100%);font-family:IBM Plex Sans,SF Pro Display,system-ui,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.home-page{gap:2rem;min-height:100vh;padding:2rem;display:grid}.hero-panel{background:linear-gradient(#071022eb,#0a142aad);border:1px solid #a9bcff29;border-radius:1.75rem;padding:2.25rem;box-shadow:0 24px 80px #00000047}.hero-kicker,.control-kicker,.demo-card__eyebrow,.stage-stack,.ghost-link{color:#87a1ff;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.hero-panel h1{margin:.65rem 0 .75rem;font-family:Sora,IBM Plex Sans,system-ui,sans-serif;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.96}.hero-panel p{color:#bac6ea;max-width:56rem;margin:0;font-size:1rem}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.demo-card{background:#0a1121c7;border:1px solid #97aaf024;border-radius:1.5rem;gap:.85rem;padding:1.3rem 1.15rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid}.demo-card:hover{border-color:#9bc3ff4d;transform:translateY(-3px);box-shadow:0 18px 36px #00000038}.demo-card h2,.stage-header h1{margin:0;font-family:Sora,IBM Plex Sans,system-ui,sans-serif;font-size:1.35rem}.demo-card p,.stage-header p,.control-note,.legend-list,.control-error{color:#9bb0e4;margin:0}.demo-card span{color:#dbe3ff;font-size:.88rem}.stage-page{gap:1rem;height:100vh;padding:1.2rem;display:grid;overflow:hidden}.stage-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.stage-header p{max-width:50rem}.stage-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;min-height:0;display:grid}.stage-canvas-card,.control-block,.legend-card{background:#080e1cd1;border:1px solid #8aa1e524;border-radius:1.5rem;box-shadow:0 16px 48px #0003}.stage-canvas-card{height:100%;min-height:0;position:relative;overflow:hidden}.stage-sidebar{align-content:start;gap:1rem;min-height:0;padding-right:.25rem;display:grid;overflow:auto}.control-block,.legend-card{gap:.75rem;padding:1rem;display:grid}.record-button{color:#ffe4dc;cursor:pointer;background:#ff6d6d14;border:1px solid #ff988b75;border-radius:999px;padding:.85rem 1rem}.record-button--recording{background:#ffd00014;border-color:#ffe175cc}.record-button--done{background:#29bf6a14;border-color:#62dfa0b3}.record-button--error{border-color:#ff7575b3}.record-progress{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.record-progress>div{background:linear-gradient(90deg,#ff6d6d,#ffd45a);height:100%;transition:width .15s linear}.control-error{color:#ff9c90}.legend-list{gap:.35rem;padding-left:1rem;display:grid}.chart-shell{width:100%;height:100%;position:relative}.chart-shell__canvas,.chart-shell__chart{width:100%;height:100%}.chart-shell__overlay{pointer-events:none;position:absolute;inset:0}.chart-shell__overlay-top{justify-content:space-between;gap:1rem;padding:1.25rem 1.35rem 0;display:flex}.chart-shell__overlay-bottom{color:#e3ecff14;font-family:Sora,IBM Plex Sans,system-ui,sans-serif;font-size:clamp(3rem,10vw,7rem);position:absolute;bottom:1.35rem;right:1.35rem}.chart-shell__title{gap:.25rem;display:grid}.chart-shell__title h2{margin:0;font-family:Sora,IBM Plex Sans,system-ui,sans-serif;font-size:1.4rem}.chart-shell__title p{color:#d9e3ff9e;margin:0}.control-row{align-items:center;gap:.65rem;display:flex}.pill-button{color:#e7eeff;cursor:pointer;background:#0d162ce6;border:1px solid #a0b5ff33;border-radius:999px;padding:.65rem .9rem}.range-input{width:100%}@media (width<=1100px){.stage-page{height:auto;min-height:100vh;overflow:visible}.stage-body{grid-template-columns:1fr}.stage-canvas-card{height:auto;min-height:clamp(340px,48vh,560px)}.stage-sidebar{padding-right:0;overflow:visible}}