:root{--bg: #0d1117;--panel: #161b22;--panel-2: #1c2330;--border: #2a323d;--text: #e6edf3;--muted: #8b949e;--accent: #ff2d55;--green: #2ea043;--sector-slower: #d94a45;--yellow: #d9a441;--purple: #a371f7;--row-alt: #12171f;--row-hover: #1d2531;--nr-bg: #ffffff;--nr-fg: #111111;--flash: rgba(255, 45, 85, .28);--focus-star: #f5c518;--focus-ring: rgba(245, 197, 24, .7);--focus-tint: rgba(245, 197, 24, .12);--topbar-h: 60px;--filter-h: 44px;--header-h: 0px;--playbar-h: 0px}:root[data-theme=light]{--bg: #f5f6f8;--panel: #ffffff;--panel-2: #eef1f5;--border: #d6dbe2;--text: #1a2029;--muted: #5c6773;--accent: #d61a3c;--green: #1f8f3a;--sector-slower: #c23a34;--yellow: #b07d1f;--purple: #7c4ddb;--row-alt: #f0f2f5;--row-hover: #e6eaf0;--nr-bg: #1a2029;--nr-fg: #ffffff;--flash: rgba(214, 26, 60, .18);--focus-star: #b8860b;--focus-ring: rgba(26, 32, 41, .5);--focus-tint: rgba(26, 32, 41, .05)}*{box-sizing:border-box}html,body{margin:0}#root{display:flex;flex-direction:column;height:100vh}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}#topbar{position:sticky;top:0;z-index:60;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(180deg,var(--panel),var(--bg));border-bottom:1px solid var(--border);flex-wrap:wrap}.context-bar{display:flex;align-items:center;gap:10px;min-height:34px;padding:5px 20px;background:var(--bg);border-bottom:1px solid var(--border);max-height:60px;overflow:hidden;transition:max-height .22s ease,min-height .22s ease,padding .22s ease,opacity .22s ease,border-color .22s ease}.context-bar.collapsed{max-height:0;min-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-color:transparent}.context-hint{color:var(--muted);font-size:12px}.sel-chips{display:flex;align-items:center;gap:6px;overflow-x:auto}.sel-chip{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--border);border-radius:20px;background:var(--panel-2)}.sel-chip.focus{background:var(--panel)}.sel-chip-main{display:inline-flex;align-items:center;gap:6px;padding:4px 2px 4px 9px;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:12px}.sel-chip-d{font-weight:700;opacity:.4}.sel-chip-d.on{opacity:1}.sel-chip:hover .sel-chip-d{opacity:.75}.sel-chip:hover .sel-chip-d.on{opacity:1}.sel-chip-nr{font-variant-numeric:tabular-nums}.sel-chip-name{color:var(--muted)}.sel-chip-x{padding:4px 8px;background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1}.sel-chip-x:hover{color:var(--text)}tbody tr.search-dim{opacity:.28;transition:opacity .15s ease}.ctx-search{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;color:var(--muted);background:var(--panel-2);border:1px solid transparent}.ctx-search:hover{color:var(--text)}.ctx-search:focus-within,.ctx-search.active{border-color:var(--border);color:var(--text)}.ctx-search input{border:none;background:transparent;color:var(--text);font-size:12px;font-family:inherit;width:110px;padding:0}.ctx-search-nav{display:inline-flex;align-items:center;gap:1px;padding-left:6px;border-left:1px solid var(--border)}.ctx-search input:focus{outline:none}.ctx-search input::placeholder{color:var(--muted)}.ctx-search input::-webkit-search-cancel-button{display:none}.ctx-search-count{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.ctx-search-btn{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:15px;line-height:1;padding:0 3px}.ctx-search-btn:hover{color:var(--text)}.ctx-search-x{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.ctx-search-x:hover{color:var(--text)}.brand{display:flex;align-items:center;gap:12px}.brand .titles h1{margin:0;font-size:18px;letter-spacing:.3px}.subtitle{color:var(--muted);font-size:12px;margin-top:2px}.dot{width:12px;height:12px;border-radius:50%;background:var(--muted);transition:background .3s}.dot.live{background:var(--green);animation:pulse 2s infinite}.dot.stale{background:var(--yellow)}.dot.dead{background:var(--accent)}@keyframes pulse{0%{box-shadow:0 0 #2ea04380}70%{box-shadow:0 0 0 8px #2ea04300}to{box-shadow:0 0 #2ea04300}}.header-right{display:flex;align-items:center;gap:18px}.header-actions{position:relative;display:flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid var(--border)}.hdr-search{position:absolute;top:0;bottom:0;left:16px;right:0;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.hdr-search input{flex:1 1 auto;min-width:0;padding:0;border:none;background:transparent;color:var(--text);font-size:13px;font-family:inherit}.hdr-search input:focus{outline:none}.hdr-search input::placeholder{color:var(--muted)}.status{display:flex;gap:22px;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.icon-btn:hover{background:var(--row-hover);border-color:var(--accent)}.icon-btn:active{transform:translateY(1px)}.icon-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.flag-status{display:inline-flex;align-items:center}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.stat-value{font-size:18px;font-variant-numeric:tabular-nums;font-weight:600}.stat-hero .stat-value{font-size:22px}.stat-muted .stat-value{font-size:15px}.flag-status .flag-icon{width:24px;height:24px}.stat-value.green{color:var(--green)}.stat-value.yellow{color:var(--yellow)}.stat-value.red{color:var(--accent)}.flag-icon{display:block}.flag-icon.green{color:var(--green)}.flag-icon.yellow{color:var(--yellow)}.flag-icon.red{color:var(--accent)}.flag-icon.none{color:var(--muted);opacity:.4}#class-filter{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:3px 10px;border-radius:20px;cursor:pointer;font-size:12px;border:1px solid var(--border);color:var(--muted);background:var(--panel-2);-webkit-user-select:none;user-select:none}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}main{padding:0 8px calc(16px + var(--playbar-h, 0px));flex:1 1 auto;min-height:0;overflow:auto;transition:padding-bottom .22s ease}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{position:sticky;top:0;z-index:8;background:var(--panel-2);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:8px 6px;border-bottom:1px solid var(--border);white-space:nowrap;overflow:hidden}thead th.num{text-align:right}thead th.center,tbody td.center{text-align:center}tbody td{padding:7px 6px;border-bottom:1px solid var(--border);white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden;vertical-align:middle;line-height:1.15}#timing-table td.top-col{vertical-align:top}tbody td.ell{text-overflow:ellipsis}.car-line,.team-line{overflow:hidden;text-overflow:ellipsis}tbody tr:nth-child(2n){background:var(--row-alt)}tbody td.num{text-align:right}tbody tr{cursor:pointer}tbody tr.empty-row{cursor:default;background:none}tbody tr:not(.empty-row):hover{background:var(--row-hover)}.pos{font-weight:700}.chg-up{color:var(--green)}.chg-down{color:var(--accent)}.chg-none{color:var(--muted)}.class-cell{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.class-badge{display:inline-block;padding:1px 5px;border-radius:4px;background:var(--panel-2);border:1px solid var(--border);font-size:10px;font-weight:600;white-space:nowrap;font-family:inherit;color:var(--text)}button.class-badge{cursor:pointer}button.class-badge:hover{border-color:var(--muted)}.pro-tag{font-size:10px;color:var(--muted)}.class-empty{color:var(--muted);font-size:12px}.driver{font-weight:700;font-size:14px}.name-cell{padding-right:2px}.nr-badge{display:inline-block;min-width:26px;text-align:center;background:var(--nr-bg);color:var(--nr-fg);border-radius:4px;padding:1px 5px;font-weight:700}.team-line{font-size:13px}.car-line{color:var(--muted);font-size:11px}.lap-best{color:var(--purple);font-weight:600}.lap-personal{color:var(--green);font-weight:600}.sec-best{color:var(--purple);font-weight:600}.sec-personal{color:var(--green);font-weight:600}.sec-cell{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.sec-delta{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;min-height:13px}.sec-delta.delta-faster{color:var(--green)}.sec-delta.delta-slower{color:var(--sector-slower)}.chg-cell{padding-left:2px;padding-right:2px}.chip-marked{border-color:var(--yellow);color:var(--text)}.chip-marked.active{background:var(--yellow);color:#111;border-color:var(--yellow)}th.marker-cell,td.marker-cell{padding:0}td.marker-cell{position:relative}.marker{display:flex;align-items:center;justify-content:center;padding-left:12px}.focus-star{width:16px;height:18px;padding:0;background:transparent;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:var(--muted);opacity:0;transition:opacity .1s,transform .1s}tbody tr:hover .focus-star{opacity:.55}.focus-star:hover{opacity:.9;transform:scale(1.15)}.focus-star:focus-visible{opacity:1;outline:2px solid var(--focus-ring);border-radius:4px}.focus-star.on,tbody tr:hover .focus-star.on{opacity:1}.mark-bar{position:absolute;left:0;top:0;bottom:0;width:4px;padding:0;border:none;border-radius:0;cursor:pointer;overflow:hidden;transition:width .12s ease}tbody tr:hover .mark-bar{width:9px}.mark-bar:hover{width:11px}.mark-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);transform:translateY(-120%)}tbody tr:hover .mark-bar:after{animation:markShimmer 1.1s ease-in-out infinite}@keyframes markShimmer{0%{transform:translateY(-120%)}to{transform:translateY(120%)}}.mark-popover{position:fixed;z-index:50;width:224px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;box-shadow:0 10px 30px #00000073}.mp-head{display:flex;justify-content:flex-end;align-items:center;margin-bottom:4px}.mp-close{background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.mp-close:hover{color:var(--text)}.mp-swatches{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:10px}.mp-swatch{width:100%;aspect-ratio:1;padding:0;border-radius:5px;border:2px solid transparent;cursor:pointer}.mp-swatch.sel{border-color:var(--text);box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--text)}.mp-custom{display:inline-flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px dashed var(--border);border-radius:5px;color:var(--muted);cursor:pointer;position:relative;overflow:hidden}.mp-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.mp-actions{display:flex;flex-direction:column;gap:6px}.mp-btn{padding:6px 8px;border-radius:6px;cursor:pointer;background:var(--panel-2);border:1px solid var(--border);color:var(--text);font-size:13px;text-align:left}.mp-btn:hover{border-color:var(--muted)}.mp-btn.active{background:color-mix(in srgb,var(--yellow) 25%,var(--panel-2));border-color:var(--yellow)}.mp-btn.danger{color:var(--accent)}.mp-btn.danger:hover{border-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:40px}.empty-row td{border:none;padding:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:72px 24px;text-align:center}.empty-title{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:var(--text);letter-spacing:.2px}.empty-sub{font-size:13px;color:var(--muted);max-width:42ch}.empty-pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 #2ea04380;animation:pulse 2s infinite}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:var(--panel-2);border:1px solid var(--muted);color:var(--text);cursor:pointer;font-size:12px;white-space:nowrap}.filter-chip:hover{background:var(--row-hover)}.filter-chip-x{color:var(--muted);font-size:14px;line-height:1}.focus-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:20px;background:var(--panel-2);border:1px solid var(--focus-star);color:var(--text);cursor:pointer;font-size:12px;white-space:nowrap}.focus-chip:hover{background:var(--row-hover)}.focus-chip-star{color:var(--focus-star);font-size:12px;line-height:1}.focus-chip-label{font-variant-numeric:tabular-nums}.focus-chip-x{color:var(--muted);font-size:14px;line-height:1}.drawer-scrim{position:fixed;top:var(--header-h, 0);left:0;right:0;bottom:0;z-index:40;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s ease}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:var(--header-h, 0);right:0;bottom:0;z-index:41;width:340px;max-width:88vw;background:var(--panel);border-left:1px solid var(--border);box-shadow:-12px 0 30px #0006;transform:translate(100%);transition:transform .22s ease;display:flex;flex-direction:column;overflow-y:auto}.drawer.open{transform:translate(0)}.drawer-head{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.drawer-head h2{margin:0;font-size:16px}.drawer-section{padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-section h3{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:baseline}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.link-btn:hover{text-decoration:underline}.muted-note{color:var(--muted);font-size:12px;margin:0}.col-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.col-toggle{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.col-toggle input{accent-color:var(--accent);cursor:pointer}@media(max-width:720px){.status{gap:12px}}.playbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;gap:14px;padding:9px 16px;background:linear-gradient(0deg,var(--panel),var(--bg));border-top:1px solid var(--border);transition:transform .22s ease,opacity .22s ease}.playbar-hidden{transform:translateY(110%);opacity:0;pointer-events:none}.playbar-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;flex:0 0 auto;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.playbar-btn:hover{background:var(--row-hover);border-color:var(--accent)}.playbar-btn:active{transform:translateY(1px)}.playbar-scrub{flex:1 1 auto;position:relative;display:flex;align-items:center}.playbar-range{width:100%;height:16px;cursor:pointer;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.playbar-range::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:linear-gradient(to right,var(--text) var(--pos, 0%),var(--muted) var(--pos, 0%))}.playbar-range::-moz-range-track{height:5px;border-radius:3px;background:var(--muted)}.playbar-range::-moz-range-progress{height:5px;border-radius:3px;background:var(--text)}.playbar-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-4px;width:13px;height:13px;border-radius:50%;background:var(--text);border:none;transition:background .15s}.playbar-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--text);border:none}.playbar-range:hover::-webkit-slider-thumb{background:var(--accent)}.playbar-range:hover::-moz-range-thumb{background:var(--accent)}.playbar-tip{position:absolute;bottom:calc(100% + 9px);transform:translate(-50%);padding:2px 8px;white-space:nowrap;pointer-events:none;font-size:12px;font-variant-numeric:tabular-nums;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.playbar-anchor{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;height:30px;min-width:74px;padding:0 14px;font:inherit;font-size:13px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.playbar-anchor:hover{border-color:var(--accent);color:var(--text)}.playbar-anchor.on{color:var(--text);border-color:var(--accent)}.playbar-live-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4}.playbar-anchor.on .playbar-live-dot{opacity:1;background:var(--green)}.playbar-delay{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.playbar-delay-field{display:inline-flex;align-items:baseline;gap:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:3px 8px}.playbar-delay-field:focus-within{border-color:var(--accent)}.playbar-delay-input{width:26px;text-align:right;padding:0;border:none;background:transparent;outline:none;font:inherit;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text);-moz-appearance:textfield}.playbar-delay-input::-webkit-outer-spin-button,.playbar-delay-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.playbar-delay-unit{font-size:12px;color:var(--muted)}.playbar-step{width:24px;height:24px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:16px;line-height:1;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:background .15s,border-color .15s}.playbar-step:hover{background:var(--row-hover);border-color:var(--accent)}