:root{--primary: #d50f1e;--primary-ink: #fff;--link: #b00c18;--bg: #fbf8ff;--surface: #ffffff;--surface-2: #eef1f7;--ink: #1b1b1f;--muted: #5f6470;--line: #d9dce5;--live: #d50f1e;--follow: #fff3c4;--better: #2e7d32;--worse: #c62828;--chip: #e3e8f2;--radius: 12px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--primary: #8e0a14;--bg: #101216;--surface: #1a1d23;--surface-2: #232730;--ink: #e8eaf0;--muted: #9aa1b0;--line: #2f3440;--follow: #4a4220;--chip: #2a3040;--link: #ff9e9e;color-scheme:dark}}:root[data-theme=dark]{--primary: #8e0a14;--bg: #101216;--surface: #1a1d23;--surface-2: #232730;--ink: #e8eaf0;--muted: #9aa1b0;--line: #2f3440;--follow: #4a4220;--chip: #2a3040;--link: #ff9e9e;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;cursor:pointer}.app{display:flex;flex-direction:column;height:100%;max-width:760px;margin:0 auto;background:var(--bg)}.main{flex:1;overflow-y:auto;padding-bottom:8px}.topbar{background:var(--primary);color:var(--primary-ink);padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;display:flex;align-items:center;gap:8px;min-height:56px}.topbar .title{flex:1;min-width:0}.topbar h1{margin:0;font-size:17px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .sub{font-size:13px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar button{background:none;border:0;color:inherit;font-size:20px;padding:6px 8px}.nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav a{text-align:center;text-decoration:none;color:var(--muted);padding:8px 2px 6px;font-size:11px}.nav a .ic{display:block;font-size:20px;line-height:1.2}.nav a.active{color:var(--primary);font-weight:600}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .nav a.active,:root:not([data-theme=light]) .row .bib{color:#ff9e9e}}:root[data-theme=dark] .nav a.active,:root[data-theme=dark] .row .bib{color:#ff9e9e}.chips{display:flex;gap:8px;overflow-x:auto;padding:8px 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;font-size:14px;white-space:nowrap}.chip.on{background:var(--chip);border-color:var(--primary);font-weight:600}.badge{display:inline-block;border-radius:6px;padding:1px 7px;font-size:12px;font-weight:700;color:#fff}.badge.live{background:var(--live)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:8px 12px;overflow:hidden}.card-head{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}.card-head .grow{flex:1;min-width:0}.card-head b{display:block}.small{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.empty{padding:28px 20px;text-align:center;color:var(--muted)}.error{color:var(--worse);padding:12px}.raceline{display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--line);cursor:pointer}.raceline .grow{flex:1;min-width:0}.raceline .cancelled{text-decoration:line-through;color:var(--muted)}.icon-btn{background:none;border:0;font-size:18px;padding:4px 6px;line-height:1}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface);border-bottom:1px solid var(--line)}.tabs button{background:none;border:0;padding:12px 4px;border-bottom:3px solid transparent;color:var(--muted);font-weight:600}.tabs button.on{color:var(--primary);border-bottom-color:var(--primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .tabs button.on{color:#ff9e9e;border-bottom-color:#ff9e9e}}:root[data-theme=dark] .tabs button.on{color:#ff9e9e;border-bottom-color:#ff9e9e}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:6px 16px}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;border-radius:12px;background:var(--line);position:relative;cursor:pointer;border:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch:checked{background:var(--primary)}.switch:checked:after{transform:translate(20px)}.info{background:var(--chip);border-radius:10px;margin:6px 12px;padding:8px 12px}.info b{font-size:15px}.section{padding:10px 16px 2px;font-weight:700;font-size:14px;color:var(--primary)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .section{color:#ff9e9e}}:root[data-theme=dark] .section{color:#ff9e9e}.row{display:flex;align-items:center;gap:6px;padding:5px 4px 5px 12px;border-bottom:1px solid var(--line);cursor:pointer}.row.followed{background:var(--follow)}.row .bib{width:30px;font-weight:700;font-size:13px;color:var(--primary)}.row .name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.row .num{width:54px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.row .year{width:40px;font-size:11px;color:var(--muted)}.row .heart{width:34px}.live-row .rank{width:26px;text-align:right;font-weight:700}.live-row .delta{width:34px;font-size:11px;font-weight:700}.live-row .col{width:62px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.live-row .col small{display:block;font-size:11px;color:var(--muted)}.live-head{display:flex;padding:4px 4px 4px 12px;font-size:11px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line)}.better{color:var(--better)}.worse{color:var(--worse)}.dialog-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:20;padding:16px}.dialog{background:var(--surface);border-radius:16px;padding:18px;width:min(420px,100%);box-shadow:0 10px 40px #0000004d}.dialog h2{margin:0 0 10px;font-size:18px}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;flex-wrap:wrap}.btn{border:0;background:none;color:var(--primary);font-weight:600;padding:8px 12px;border-radius:8px}.btn.fill{background:var(--primary);color:#fff}.btn.danger{color:var(--worse)}input[type=text],select{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px}.filters label{font-size:12px;color:var(--muted);display:block}.check{display:flex;align-items:center;gap:10px;padding:6px 0}.page{padding:14px 16px}.page h2{margin:0 0 8px}.flag{margin-right:6px;border-radius:2px;vertical-align:-1px;box-shadow:0 0 0 1px #00000026}.tbl{width:calc(100% - 24px);margin:4px 12px 8px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.tbl th{text-align:right;font-size:11px;color:var(--muted);font-weight:600;padding:4px;border-bottom:1px solid var(--line)}.tbl td{text-align:right;padding:5px 4px;border-bottom:1px solid var(--line)}.tbl th:first-child,.tbl td:first-child{text-align:left}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .btn{color:#ff9e9e}:root:not([data-theme=light]) .btn.fill{background:#d50f1e;color:#fff}:root:not([data-theme=light]) .btn.danger{color:#ff8a80}:root:not([data-theme=light]) .btn:disabled{opacity:.5}:root:not([data-theme=light]) .topbar button{color:#fff}:root:not([data-theme=light]) .chip.on{color:#fff;border-color:#ff9e9e}:root:not([data-theme=light]) a{color:#ff9e9e}}:root[data-theme=dark] .btn{color:#ff9e9e}:root[data-theme=dark] .btn.fill{background:#d50f1e;color:#fff}:root[data-theme=dark] .btn.danger{color:#ff8a80}:root[data-theme=dark] .btn:disabled{opacity:.5}:root[data-theme=dark] .topbar button{color:#fff}:root[data-theme=dark] .chip.on{color:#fff;border-color:#ff9e9e}:root[data-theme=dark] a{color:#ff9e9e}@media (max-width: 430px){.live-row{gap:3px;padding-left:6px}.live-row .delta{width:24px;font-size:10px}.live-row .rank{width:20px;font-size:13px}.live-row .name{font-size:13px}.live-row .col{width:46px;font-size:12px}.live-row .col small{font-size:10px}.live-row .heart,.live-row .icon-btn{width:26px;padding:0}.live-head{padding-left:6px}.live-head span{font-size:10px}.live-head span[style*="62px"]{width:46px!important}.live-head span[style*="60px"]{width:48px!important}.live-head span[style*="34px"]{width:26px!important}}.live-compact .toggle-row{padding:2px 16px;font-size:13px}.live-compact .chips{padding:4px 12px;gap:6px}.live-compact .chip{padding:4px 12px;font-size:13px}.live-compact .info{margin:3px 12px;padding:4px 10px;font-size:13px;line-height:1.25}.live-compact .info b{font-size:13px}.live-compact .info .small{font-size:11px}.live-compact .section{padding-top:6px;padding-bottom:2px;font-size:12px}.chip.tb{padding:5px 9px;font-size:14px;line-height:1.1}.chip:disabled{opacity:.4}