:root { color-scheme: dark; --foreground:#f4f8ff; --muted-foreground:#b3c0d3; --muted:#1b2a42; --border:#34435a; --viz-series-1:#8bcbef; }
* { box-sizing:border-box; }
html,body { margin:0; padding:0; background:transparent; color:var(--foreground); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.5; }
body { padding:2px 0; }
h3 { font-size:18px; line-height:1.4; font-weight:500; }
.text-small { font-size:14px; line-height:1.5; }
.tabular-nums { font-variant-numeric:tabular-nums; }
svg [tabindex]:focus-visible { outline:2px solid var(--foreground); outline-offset:3px; }
.chart-tooltip { position:fixed; z-index:2; pointer-events:none; max-width:calc(100vw - 16px); padding:7px 10px; border:1px solid var(--border); background:#111c30; color:var(--foreground); font-size:13px; border-radius:4px; }