:root{color-scheme:dark;--bg:#0b1016;--panel:#151c25;--line:#283441;--text:#edf2f5;--muted:#96a5b4;--accent:#e84f4f;--blue:#62b7e9;--green:#68d6a1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer}a{color:#8bc9ed}.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1510px)/2));background:#101720}.brand{display:flex;align-items:center;gap:14px}.brand-mark{font-size:26px;letter-spacing:-4px;font-weight:950;font-style:italic;color:var(--accent);padding-right:5px}.brand strong{display:block;font-size:17px;letter-spacing:.05em}.brand small{display:block;color:var(--muted);font-size:11px}.top-right{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.badge{border:1px solid #485c6b;color:#bbd7e8;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800;letter-spacing:.1em}.live-dot{height:7px;width:7px;border-radius:50%;background:var(--green)}main{max-width:1510px;margin:auto;padding:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px}.filters{display:grid;grid-template-columns:repeat(7,minmax(110px,1fr)) auto;gap:10px;padding:16px;align-items:end}.filters label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em}.filters select,.controls select{height:39px;border-radius:5px;background:#0e151d;border:1px solid #334251;color:var(--text);padding:0 10px;max-width:100%;outline:none}.filters select:focus,.controls select:focus,input:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:1px}.primary{background:var(--accent);color:#fff;border:0;border-radius:5px;height:39px;padding:0 17px;font-weight:800;white-space:nowrap}.primary:hover{background:#f46565}.status{min-height:35px;color:var(--muted);font-size:12px;padding:9px 2px}.status.error{color:#ffaaa4}.summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.metric{padding:16px 18px;min-height:110px}.metric span{display:block;color:var(--muted);font-size:12px}.metric em{font-style:normal;color:var(--green);font-size:10px;border:1px solid #315f4c;border-radius:3px;padding:1px 4px;margin-left:5px}.metric em.estimate{color:#e5bc72;border-color:#775b32}.metric strong{font-size:32px;line-height:1.5;font-variant-numeric:tabular-nums}.metric small{display:block;color:var(--muted);font-size:10px}.main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.75fr);gap:12px}.track-panel,.detail-panel,.chart-panel,.playback,.methods{padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.panel-title h2{font-size:15px;margin:0 0 2px}.panel-title p{font-size:11px;color:var(--muted);margin:0}.track-wrap{height:400px;position:relative;background:radial-gradient(circle at center,#1d2a34,#111923 65%);border:1px solid #243240;border-radius:7px;overflow:hidden}.track-wrap canvas{width:100%;height:100%;display:block}.empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted)}.track-footer{display:flex;justify-content:space-between;margin-top:10px;color:var(--muted);font-variant-numeric:tabular-nums}.legend{display:flex;gap:10px;font-size:11px;flex-wrap:wrap}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.driver-name{color:var(--accent);font-size:12px;font-weight:800}.detail-list>div{display:flex;justify-content:space-between;padding:12px 1px;border-bottom:1px solid var(--line);gap:15px}.detail-list span{color:var(--muted)}.detail-list strong{font-variant-numeric:tabular-nums;text-align:right}.estimate{color:#d8ae68;font-style:normal;font-size:10px}.note{font-size:11px;color:#a6b4c0;line-height:1.6;margin-top:16px;padding:10px;background:#1c2730;border-left:2px solid #b18b51}.playback,.chart-panel,.methods{margin-top:12px}.secondary{background:#1c2833;border:1px solid #3c5061;color:#d8e8f1;border-radius:5px;padding:8px 12px;font-size:11px;font-weight:700}.secondary:disabled,.play-button:disabled{opacity:.4;cursor:default}.controls{display:flex;align-items:center;gap:14px}.play-button{background:var(--accent);color:white;border:0;border-radius:5px;width:38px;height:38px}.controls span{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px;min-width:42px}.controls input{flex:1;accent-color:var(--accent)}.controls select{width:70px}.chart-panel canvas{width:100%;height:200px;display:block}.chart-legend{font-size:11px;color:var(--muted)}.chart-legend span{display:inline-block;width:15px;border-top:2px solid var(--accent);vertical-align:middle;margin:0 5px 0 10px}.chart-legend .line-b{border-color:var(--blue)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.method-grid p{font-size:12px;color:var(--muted);line-height:1.7}.tag{font-size:11px;border-radius:3px;padding:3px 7px}.tag.measured{background:#163a2d;color:#79dbae}.tag.estimated{background:#43331d;color:#f3c979}.tag.unavailable{background:#303b45;color:#b9c6d0}.source-links{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin:4px 0 0}@media(max-width:1100px){.filters{grid-template-columns:repeat(4,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){main{padding:12px}.top{padding:0 14px}.top-right{display:none}.filters{grid-template-columns:repeat(2,1fr)}.filters button{grid-column:span 2}.summary-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.track-wrap{height:300px}.method-grid{grid-template-columns:1fr;gap:2px}.metric{min-height:95px;padding:12px}.metric strong{font-size:26px}.chart-legend{display:none}}
.wheel-title{color:var(--muted);font-size:11px;margin:15px 0 8px}.wheel-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wheel-grid>div{display:flex;justify-content:space-between;padding:7px;background:#101923;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:11px}.wheel-grid b{color:var(--text);font-variant-numeric:tabular-nums}.unavailable-fields{color:var(--muted);font-size:11px;margin-top:12px}
.filters{grid-template-columns:repeat(7,minmax(110px,1fr)) auto}.filter-header{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 0 10px}.filter-header b{font-size:11px;color:var(--muted);white-space:nowrap}.filter-header span{flex:1;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-header button{white-space:nowrap}.filters.collapsed{display:block;padding:10px 16px}.filters.collapsed .filter-header{border:0;padding:0}.filters.collapsed label,.filters.collapsed #load{display:none}.summary-grid{grid-template-columns:repeat(5,1fr)}.main-grid{display:block}.track-panel{margin-bottom:12px}.track-wrap{height:min(70vh,740px);min-height:480px}.track-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.track-controls button{background:#1c2833;color:var(--text);border:1px solid #3c5061;border-radius:4px;min-width:30px;height:28px}.track-controls span{color:var(--muted);font-size:11px;min-width:30px;text-align:center}.detail-panel.compact .detail-list,.detail-panel.compact .wheel-title,.detail-panel.compact .wheel-grid,.detail-panel.compact .unavailable-fields,.detail-panel.compact .note{display:none}.advanced-charts{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.advanced-charts summary{cursor:pointer;color:#c5d7e2;font-size:12px;font-weight:700}.extra-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.extra-chart-grid>div{background:#101923;border:1px solid var(--line);border-radius:6px;padding:10px}.extra-chart-grid h3{margin:0 0 5px;color:var(--muted);font-size:11px;font-weight:600}.extra-chart-grid canvas{display:block;width:100%;height:150px}@media(max-width:1100px){.filters{grid-template-columns:repeat(4,1fr)}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.filters{grid-template-columns:repeat(2,1fr)}.filters .primary{grid-column:span 2}.summary-grid{grid-template-columns:repeat(2,1fr)}.track-wrap{height:60vh;min-height:360px}.extra-chart-grid{grid-template-columns:1fr}.track-controls{gap:3px}.track-controls button{min-width:26px}.filter-header b{display:none}}
.summary-grid{margin-top:12px}.detail-panel{margin-top:0}.main-grid .track-panel{margin-bottom:0}
.latest-hint{color:var(--muted);font-size:11px;margin:7px 2px 0}.playback .panel-title{align-items:center}.playback .panel-title #refreshReplay{margin-left:auto}@media(max-width:760px){.filter-header{flex-wrap:wrap}.filter-header span{min-width:100%;order:-1}.filter-header button{flex:1}.playback .panel-title{flex-wrap:wrap}.playback .panel-title #refreshReplay{margin-left:0}}