.dr{--row-h: 30px;position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--mono);color:var(--text);background:radial-gradient(120% 90% at 78% 10%,rgba(142,233,173,.06),transparent 55%),var(--ink);overflow:hidden}.dr-head{flex:0 0 auto;display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 18px 11px;border-bottom:1px solid var(--line)}.dr-title{font-size:12px;letter-spacing:.18em;color:var(--text);text-transform:uppercase;white-space:nowrap}.dr-logo{color:var(--accent);letter-spacing:-2px;margin-right:6px}.dr-sub{display:flex;gap:16px;font-size:9.5px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase;text-align:right}.dr-total{color:var(--text-dim)}.dr-picker{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:5px;padding:9px 16px;border-bottom:1px solid var(--line);background:var(--ink-1)}.dr-chip{padding:6px 11px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.dr-chip:hover{color:var(--text);border-color:var(--line-2)}.dr-chip.on{color:var(--accent);border-color:var(--accent);background:#8ee9ad1a}.dr-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:10px;letter-spacing:.22em;color:var(--text-faint);text-transform:uppercase;padding:24px;text-align:center}.dr-spinner{width:26px;height:26px;border:1px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:dr-spin .9s linear infinite}@keyframes dr-spin{to{transform:rotate(360deg)}}.dr-err{color:#ff8c82}.dr-err span{font-size:10px;letter-spacing:.04em;color:var(--text-faint);max-width:46ch;text-transform:none;line-height:1.5}.dr-body{flex:1;display:flex;flex-direction:column;min-height:0}.dr-track{flex:1;position:relative;min-height:0;overflow:hidden;padding:14px 18px 10px}.dr-year-bg{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--serif);font-size:230px;line-height:1;color:var(--text);opacity:.045;letter-spacing:-.02em;pointer-events:none;user-select:none}.dr-rows{position:relative;height:calc(var(--rows) * (var(--row-h) + 4px) - 4px);max-height:100%}.dr-row{position:absolute;inset-inline:0;top:0;height:var(--row-h);display:grid;grid-template-columns:22px 1fr;align-items:center;gap:9px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform}.dr-rank{font-size:11px;color:var(--text-faint);text-align:right;font-variant-numeric:tabular-nums}.dr-bar-cell{position:relative;display:flex;align-items:center;gap:8px;min-width:0}.dr-bar{height:calc(var(--row-h) - 8px);min-width:2px;display:flex;align-items:center;border-radius:0 2px 2px 0;box-shadow:0 0 14px -4px var(--bar);overflow:hidden;transition:width .45s cubic-bezier(.4,0,.2,1);will-change:width}.dr-name{padding:0 9px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.01em;color:#07080b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-value{flex:0 0 auto;font-family:var(--serif);font-size:15px;line-height:1;color:var(--bar);white-space:nowrap;font-variant-numeric:tabular-nums}.dr-controls{flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:11px 18px 13px;border-top:1px solid var(--line)}.dr-play{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;background:var(--ink-2);border:1px solid var(--accent);color:var(--accent);font-size:13px;cursor:pointer;border-radius:50%;transition:background .15s}.dr-play:hover{background:#8ee9ad1f}.dr-play.on{background:#8ee9ad29}.dr-scrub{flex:1;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;min-width:0}.dr-year{grid-row:1 / 3;font-family:var(--serif);font-size:30px;line-height:1;color:var(--accent);min-width:2.6ch}.dr-scrub input[type=range]{width:100%;accent-color:var(--accent);height:3px;cursor:pointer}.dr-year-range{display:flex;justify-content:space-between;gap:8px;font-size:8.5px;letter-spacing:.1em;color:var(--text-faint);margin-top:4px}.dr-year-range span:nth-child(2){flex:1;text-align:center;color:var(--accent);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dr-speed{flex:0 0 auto;display:flex;gap:4px}.dr-spd{width:30px;padding:6px 0;background:var(--ink-2);border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.06em;cursor:pointer;transition:color .12s,border-color .12s}.dr-spd:hover{color:var(--text)}.dr-spd.on{color:var(--accent);border-color:var(--accent)}@media(max-width:620px){.dr{--row-h: 26px}.dr-head{flex-direction:column;gap:4px;align-items:flex-start}.dr-sub{flex-direction:column;gap:2px;text-align:left}.dr-year-bg{font-size:150px}.dr-name{font-size:11px}.dr-value{font-size:13px}.dr-controls{flex-wrap:wrap;gap:10px 14px}.dr-year{font-size:24px}}@media(max-width:440px){.dr-year-range span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.dr-row,.dr-bar{transition-duration:1ms}}