.page{width:1280px;margin:0 auto;padding-bottom:24px}.frame{width:1280px;min-height:800px;margin:0 auto;padding:12px 18px 8px;display:flex;flex-direction:column;gap:8px;background:#0b1220;color:#e8eef7}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.usecase,.eyebrow{margin:0 0 2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7eb6ff}.eyebrow{color:#9eb6d8;letter-spacing:.04em}.top h1{margin:0;font-size:24px;font-weight:700}.lede{margin:6px 0 0;color:#a8b6cc;font-size:13px;max-width:54rem}.chip{flex-shrink:0;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid #3d5f92;background:#121a2b;color:#c5d0e2;font-size:11px;font-weight:650}.controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:8px 10px;background:#121a2b;border:1px solid #243352;border-radius:10px}.toggle-group{display:inline-flex;border:1px solid #3d4d6e;border-radius:8px;overflow:hidden}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:#1a2438;color:#c5d0e2;padding:7px 12px;font-size:13px;font-weight:650;cursor:pointer}.toggle-group .btn+.btn{border-left:1px solid #3d4d6e}.btn.on{background:#1e4d9c;color:#fff}.charts{display:flex;flex-direction:column;gap:8px;min-height:0}.panel{background:#0e1626;border:1px solid #243352;border-radius:10px;overflow:hidden}.chart{width:100%;height:248px;display:block}.chart-bg{fill:#0e1626}.grid{stroke:#243352;stroke-width:1}.axis,.panel-title,.empty{fill:#7a8aa3;font-size:11px}.panel-title{fill:#9eb6d8;font-weight:650;font-size:12px}.hover-rule{stroke:#8aa0c0;stroke-width:1;stroke-dasharray:3 3}.hover{margin:0;padding:7px 12px;min-height:36px;background:#121a2b;border-left:3px solid #5aa0ff;border-radius:0 8px 8px 0;font-size:13px;color:#d0dae8}.foot{font-size:11px;color:#7a8aa3}.foot p{margin:0 0 2px}.foot a{color:#7eb6ff}.note{color:#8aa0c0}.chart.short{height:260px}.chart.spike{height:200px}.extra{width:1280px;margin:12px auto 24px;padding:0 18px 16px;background:#0b1220}.extra h2{margin:12px 0 4px;font-size:18px}.extra-lede{margin:0 0 10px;color:#a8b6cc;font-size:13px}.mini-hover{margin:0;padding:6px 10px;font-size:12px;color:#c5d0e2}.dot{fill:#7eb6ff;opacity:.7}.dot-hi{fill:#fff;stroke:#7eb6ff;stroke-width:2}.marker-label{fill:#ffb087;font-size:9px;font-weight:700}.anno-panel{position:sticky;bottom:12px;width:1244px;margin:0 auto 12px;padding:12px;background:#121a2b;border:1px solid #3d5f92;border-radius:12px;display:grid;grid-template-columns:220px 1fr;gap:12px;z-index:2}.anno-panel img{width:220px;height:220px;object-fit:cover;border-radius:8px}.anno-panel h3{margin:0 0 6px;grid-column:2}.anno-panel p{margin:0 0 8px;font-size:13px;color:#c5d0e2}.anno-close{position:absolute;top:8px;right:8px;background:#1a2438;color:#e8eef7;border:1px solid #3d4d6e;border-radius:6px;padding:4px 8px;cursor:pointer}.anno-credit{font-size:12px;color:#8aa0c0}.extra{margin-top:12px}.extra h2{margin:0 0 4px;font-size:16px}.extra-lede{margin:0 0 10px;font-size:12px;color:#9aabc4}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.chart.short{height:220px}.chart.spike{height:180px}.mini-hover{margin:0;padding:6px 10px;font-size:12px;color:#9aabc4}.dot{fill:#5aa0ff;fill-opacity:.55}.dot-hi,.dot.sel{fill:#fff;stroke:#e6c56a;stroke-width:1.5}.marker-dot{fill:#ffb087;stroke:#0b1220;stroke-width:1}.marker-label{fill:#ffb087;font-size:9px;font-weight:650}.anno-panel,.note-panel{margin-top:12px;padding:12px;background:#121a2b;border:1px solid #3d5f92;border-radius:12px;display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:start}.anno-panel img,.note-panel img{width:220px;height:auto;border-radius:8px;grid-row:1 / span 6}.anno-close,.note-close{grid-column:2;justify-self:end;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #3d4d6e;background:#1a2438;color:#e8eef7;border-radius:6px;padding:4px 10px;cursor:pointer}.anno-panel h3,.note-panel h3{margin:0;font-size:16px}.anno-credit,.note-credit{font-size:12px;color:#9aabc4}.bar.up{fill:#e6c56a}.bar.down{fill:#7eb6ff}.zero{stroke:#3d4d6e;stroke-width:1}:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;line-height:1.4;color:#e8eef7;background:#070b14}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#070b14}#root{min-height:100vh;display:grid;place-items:start center;padding:12px 0 24px}