.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.tabs a{padding:6px 12px;border-radius:999px;background:var(--chip);text-decoration:none;font-weight:600;font-size:15px}.tabs a[aria-current]{background:var(--ink);color:var(--bg)}
.chart{position:relative;margin-inline:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;margin:8px 0;touch-action:pan-y}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.grid{stroke:var(--line);stroke-width:1}.tick{fill:var(--mute);font-size:12px;font-variant-numeric:tabular-nums}.lab{fill:var(--ink);font-size:13px;font-weight:650}
.lp,.ld{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.lp{stroke:#1c5cab}.ld{stroke:#c2570c}.dp{fill:#1c5cab}.dd{fill:#c2570c}.dot{stroke:var(--card);stroke-width:2}
.cross{stroke:var(--mute);stroke-width:1}
.legend{display:flex;gap:14px;font-size:14px;margin:4px 0;padding:0;list-style:none}.legend li{display:inline-flex;align-items:center;gap:6px;margin:0}.legend svg{flex:none}
.tip{position:absolute;pointer-events:none;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;box-shadow:0 2px 8px rgba(0,0,0,.2);white-space:nowrap;font-variant-numeric:tabular-nums}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}.tiles div{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px}.tiles b{display:block;font:750 22px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}.tiles span{font-size:13px;color:var(--mute)}
@media(prefers-color-scheme:dark){.lp{stroke:#4a8cdc}.ld{stroke:#d4702a}.dp{fill:#4a8cdc}.dd{fill:#d4702a}}
@media(max-width:520px){.tick{font-size:21px}.lab{font-size:22px}}