:root{color-scheme:dark;--bg:#0b0d10;--fg:#f1f4f7;--muted:#9ba5b1;--line:#28303a;--accent:#73e0b0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,-apple-system,sans-serif}main{max-width:920px;margin:0 auto;padding:56px 24px 72px}h1{font-size:clamp(30px,5vw,52px);line-height:1.05;font-weight:500;letter-spacing:-.04em;margin:0 0 12px}.sub{color:var(--muted);margin:0 0 42px}.meta{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:36px}.metric{min-width:150px}.metric b{display:block;font-size:30px;font-weight:500;letter-spacing:-.03em}.metric span{color:var(--muted);font-size:13px}.chart{width:100%;height:auto;display:block;overflow:visible}.grid{stroke:var(--line);stroke-width:1}.axis,.label{fill:var(--muted);font-size:12px}.line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dot{fill:var(--accent);stroke:var(--bg);stroke-width:3}.note{margin-top:28px;color:var(--muted);font-size:13px;max-width:720px}.note strong{color:var(--fg);font-weight:500}a{color:var(--fg)}