:root{--bg: #eeecf4;--panel: #ffffff;--ink: #15111d;--sub: #6f6a7d;--line: rgba(21, 17, 29, .1);--hi: rgba(150, 110, 255, .12);--accent: #7b5bd6;--accent-ink: #ffffff;--leader: #1fa8ad;--radius: 16px}@supports (color: oklch(.5 .1 300)){:root{--accent: oklch(.55 .16 300);--leader: oklch(.63 .15 192)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center}.app{display:flex;flex-direction:column;width:100%;height:100%;background:var(--bg);color:var(--ink)}@media(min-width:520px){body{background:var(--panel)}#root{align-items:center}.app{max-width:430px;height:min(100%,860px);border-radius:28px;overflow:hidden}}.header{padding:20px 20px 12px;flex:none}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.title{margin:6px 0 0;font-size:26px;font-weight:800;line-height:1.02;color:var(--ink)}.subline{margin-top:5px;font-size:12px;color:var(--sub)}.subline-hint{color:var(--accent);font-weight:600}.tab-bar{display:flex;gap:6px;padding:0 16px 12px;flex:none}.tab{flex:1;padding:9px 4px;border:none;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;border-radius:var(--radius);background:var(--hi);color:var(--sub);transition:background .13s,color .13s}.tab.is-active{background:var(--accent);color:var(--accent-ink)}.view-area{flex:1;overflow-y:auto;padding:6px 16px 22px}.rider-row,.ladder-row{background:transparent;transition:opacity .13s,background .13s}.rider-row.is-highlighted,.ladder-row.is-highlighted{background:var(--hi);box-shadow:inset 0 0 0 2px var(--accent)}.rider-row.is-dimmed,.ladder-row.is-dimmed{opacity:.34}.gap-list{display:flex;flex-direction:column;gap:5px}.rider-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--radius);cursor:pointer}.rank{width:18px;flex:none;font-weight:700;font-size:15px;text-align:center;color:var(--sub)}.rider-main{flex:1;min-width:0}.rider-top{display:flex;align-items:center;gap:6px}.country-chip{flex:none;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--sub);background:var(--line);padding:1px 4px;border-radius:3px}.rider-name{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-badge{flex:none;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 5px;border-radius:3px;background:var(--leader);color:var(--accent-ink)}.bar-track{margin-top:5px;height:8px;border-radius:99px;background:var(--line);overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--accent)}.gap-label{width:52px;flex:none;text-align:right;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.rank.is-leader,.rider-name.is-leader,.gap-label.is-leader{color:var(--leader)}.bar-fill.is-leader{background:var(--leader)}.ladder-wrap{display:flex;justify-content:center;padding-top:4px}.ladder-frame{position:relative;width:320px;height:472px}.ladder-svg{position:absolute;inset:0;overflow:visible}.ladder-line{stroke:var(--line)}.tick-label{fill:var(--sub);font-size:9px;font-weight:600;font-family:inherit}.connector{stroke:var(--line)}.connector.is-highlighted{stroke:var(--accent)}.dot{fill:var(--sub);stroke:var(--bg);stroke-width:1.5}.dot.is-highlighted{fill:var(--accent)}.dot.is-leader{fill:var(--leader)}.ladder-row{position:absolute;left:70px;width:236px;display:flex;align-items:center;gap:8px;padding:3px 8px;border-radius:var(--radius);cursor:pointer}.ladder-rank{width:16px;flex:none;font-weight:700;font-size:13px;text-align:center;color:var(--sub)}.ladder-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ladder-gap{flex:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}.ladder-rank.is-leader,.ladder-name.is-leader,.ladder-gap.is-leader{color:var(--leader)}