:root{--bg: #0f1115;--panel: #171a21;--panel-border: #2a2e38;--text: #e8eaed;--text-dim: #9aa0ab;--accent: #ffce00;--line-dim: #3a3f4b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}#app{display:flex;flex-direction:column;min-height:100vh}.topbar{padding:20px 28px 12px;border-bottom:1px solid var(--panel-border)}.topbar h1{margin:0 0 6px;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.year-select{background:var(--panel);border:1px solid var(--panel-border);color:var(--accent);font-size:18px;font-weight:600;font-family:inherit;padding:2px 8px;border-radius:5px;cursor:pointer}.year-select:hover{border-color:var(--accent)}.year-select:focus{outline:1px solid var(--accent)}.subtitle{margin:0;color:var(--text-dim);font-size:13px;max-width:760px;line-height:1.5}.layout{display:flex;flex:1;min-height:0}.sidebar{width:260px;flex-shrink:0;border-right:1px solid var(--panel-border);padding:16px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.control-block{display:flex;flex-direction:column;gap:8px}.control-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}#search{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px}#search:focus{outline:1px solid var(--accent)}.button-row{display:flex;flex-wrap:wrap;gap:6px}.button-row button{background:var(--panel);border:1px solid var(--panel-border);color:var(--text-dim);padding:6px 10px;font-size:12px;border-radius:5px;cursor:pointer}.button-row button:hover{color:var(--text);border-color:var(--accent)}.button-row button.active{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.legend-block{flex:1;min-height:0}.legend{overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.legend-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-dim)}.legend-item:hover{background:var(--panel)}.legend-item.active{color:var(--text)}.legend-swatch{width:10px;height:10px;border-radius:2px;flex-shrink:0}.legend-rank{width:22px;flex-shrink:0;color:var(--text-dim);font-variant-numeric:tabular-nums}.legend-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-item.highlighted{background:#232733;color:var(--accent)}.chart-area{flex:1;position:relative;padding:16px 20px;min-width:0}#chart{width:100%;height:100%}svg text{fill:var(--text-dim);font-size:11px}.axis-label{fill:var(--text-dim);font-size:12px}.grid line{stroke:#4a5160;stroke-opacity:.8;stroke-dasharray:2,3}.grid path{stroke:none}.rider-line{fill:none;stroke-width:1.6;transition:stroke-opacity .15s,stroke-width .15s}.rider-line.dimmed{stroke-opacity:.08}.rider-line.hidden-line{display:none}.rider-line.highlighted{stroke-width:3.2}.rider-dot{transition:opacity .15s}.tooltip{position:absolute;background:#1c2028;border:1px solid var(--panel-border);border-radius:6px;padding:8px 10px;font-size:12px;pointer-events:none;line-height:1.5;box-shadow:0 4px 14px #0006;z-index:10}.tooltip .t-name{font-weight:600;color:var(--text)}.tooltip .t-team{color:var(--text-dim)}