.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:var(--color-bg);color:var(--color-fg)}.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:var(--color-accent)}.eyebrow{color:var(--color-muted);letter-spacing:.04em}.top h1{margin:0;font-size:24px;font-weight:700;color:var(--color-fg)}.lede{margin:6px 0 0;color:var(--color-muted);font-size:13px;max-width:54rem}.chip{flex-shrink:0;margin-top:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:11px;font-weight:650}.controls{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:8px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px}.toggle-group{display:inline-flex;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--color-elevated);color:var(--color-muted);padding:7px 12px;font-size:13px;font-weight:650;cursor:pointer}.toggle-group .btn+.btn{border-left:1px solid var(--color-border)}.btn.on{background:var(--color-accent);color:var(--color-bg)}.charts{display:flex;flex-direction:column;gap:8px;min-height:0}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.chart{width:100%;height:248px;display:block}.chart-bg{fill:var(--color-surface)}.grid{stroke:var(--color-border);stroke-width:1}.axis,.panel-title,.empty{fill:var(--color-subtle);font-size:11px}.panel-title{fill:var(--color-muted);font-weight:650;font-size:12px}.hover-rule{stroke:var(--color-muted);stroke-width:1;stroke-dasharray:3 3}.hover{margin:0;padding:7px 12px;min-height:36px;background:var(--color-surface);border-left:3px solid var(--color-accent);border-radius:0 8px 8px 0;font-size:13px;color:var(--color-fg)}.foot{font-size:11px;color:var(--color-subtle)}.foot p{margin:0 0 2px}.foot a{color:var(--color-accent)}.note{color:var(--color-muted)}.chart.short{height:220px}.chart.spike{height:180px}.extra{width:1280px;margin:12px auto 24px;padding:0 18px 16px;background:var(--color-bg)}.extra h2{margin:12px 0 4px;font-size:16px;color:var(--color-fg)}.extra-lede{margin:0 0 10px;color:var(--color-muted);font-size:12px}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.mini-hover{margin:0;padding:6px 10px;font-size:12px;color:var(--color-muted)}.dot{fill:var(--color-accent);fill-opacity:.55}.dot-hi,.dot.sel{fill:var(--color-fg);stroke:var(--color-accent);stroke-width:1.5}.marker-dot{fill:var(--color-positive);stroke:var(--color-bg);stroke-width:1}.marker-label{fill:var(--color-positive);font-size:9px;font-weight:650}.anno-panel,.note-panel{position:sticky;bottom:12px;width:1244px;margin:12px auto;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;display:grid;grid-template-columns:220px 1fr;gap:12px;align-items:start;z-index:2}.anno-panel img,.note-panel img{width:220px;height:auto;object-fit:cover;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 var(--color-border);background:var(--color-elevated);color:var(--color-fg);border-radius:6px;padding:4px 10px;cursor:pointer}.anno-panel h3,.note-panel h3{margin:0;font-size:16px;color:var(--color-fg)}.anno-panel p,.note-panel p{margin:0 0 8px;font-size:13px;color:var(--color-muted)}.anno-credit,.note-credit{font-size:12px;color:var(--color-subtle)}.bar.up{fill:var(--color-positive)}.bar.down{fill:var(--color-negative)}.zero{stroke:var(--color-border);stroke-width:1}:root{color-scheme:dark;--color-bg: #09090b;--color-surface: #111113;--color-elevated: #18181b;--color-fg: #f4f4f5;--color-muted: #a1a1aa;--color-subtle: #71717a;--color-accent: #7eadc8;--color-chart-2: #8a8f99;--color-positive: #6f9e7a;--color-negative: #c47a7a;--color-border: rgba(244, 244, 245, .12);font-family:Segoe UI,system-ui,sans-serif;line-height:1.4;color:var(--color-fg);background:var(--color-bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-bg)}#root{min-height:100vh;display:grid;place-items:start center;padding:12px 0 24px}