:root{color:#eef7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit}#root{min-height:100vh}*{box-sizing:border-box}.dashboard{color:#edf7fb;background:radial-gradient(circle at 5% 0,#1fc9ff17,#0000 28%),#06090c;min-height:100vh}.topbar{background:#06090cf5;border-bottom:1px solid #1c2830;justify-content:space-between;align-items:center;height:72px;padding:0 22px;display:flex}.brand{letter-spacing:.14em;font-size:19px;font-weight:900}.product{color:#647580;letter-spacing:.22em;margin-top:2px;font-size:9px}.topbar-status{color:#9caeb8;align-items:center;gap:15px;font-size:11px;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.online{background:#33f08b;display:inline-block;box-shadow:0 0 12px #33f08bcc}.dashboard-grid{grid-template-columns:1.35fr .72fr .88fr;grid-template-areas:"video speed timing""video g timing""weather track session""chart chart ai";gap:14px;max-width:1800px;margin:auto;padding:14px;display:grid}.panel{background:linear-gradient(#12191efa,#080c0ffa);border:1px solid #1c2931;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #00000029}.video-card{grid-area:video}.speed-card{grid-area:speed}.timing-card{grid-area:timing}.gforce-card{grid-area:g}.weather-card{grid-area:weather}.track-card{grid-area:track}.chart-card{grid-area:chart}.session-card{grid-area:session}.ai-card{grid-area:ai}.panel-header{border-bottom:1px solid #1b272e;justify-content:space-between;align-items:center;min-height:56px;padding:11px 14px;display:flex}.panel-header.borderless{border:0}.panel-header h2,.ai-header h2{margin:3px 0 0;font-size:14px}.eyebrow{color:#28d4ff;letter-spacing:.18em;font-size:9px;font-weight:900}.video-meta{color:#657984;font:10px monospace}.video-stage{aspect-ratio:16/9;background-color:#030506;background-image:linear-gradient(#28d4ff06 1px,#0000 1px),linear-gradient(90deg,#28d4ff06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:25px 25px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;max-height:335px;display:grid;position:relative}.live-pill{background:#d83248;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;top:12px;left:12px}.video-placeholder{text-align:center;color:#53636c;letter-spacing:.18em;font-size:12px;font-weight:800}.video-placeholder small{color:#313d43;letter-spacing:normal;margin-top:6px;display:block}.speed-card{padding:16px}.speed-value{letter-spacing:-.06em;margin-top:14px;font-size:68px;font-weight:900;line-height:.9}.speed-value span{color:#71828c;letter-spacing:0;margin-left:5px;font-size:11px}.speed-stats{border-top:1px solid #1a252c;justify-content:space-between;margin-top:16px;padding-top:10px;display:flex}.speed-stats div{flex-direction:column;display:flex}.speed-stats span{color:#5f707a;font-size:8px;font-weight:800}.speed-stats strong{margin-top:2px;font-size:11px}.good{color:#33f08b!important}.cyan{color:#28d4ff}.delta{border-radius:5px;padding:6px 8px;font:800 12px monospace}.delta.positive{color:#ff7180;background:#ff465a1a}.lap-times{border-bottom:1px solid #1b272e;grid-template-columns:1fr 1fr;display:grid}.lap-times div{padding:14px}.lap-times div:first-child{border-right:1px solid #1b272e}.lap-times span{color:#60717b;letter-spacing:.14em;font-size:8px;font-weight:900;display:block}.lap-times strong{margin-top:5px;font:800 21px monospace;display:block}.sector-table{padding:7px 12px 12px}.sector-row{border-bottom:1px solid #172127;grid-template-columns:30px 1fr 1fr auto;align-items:center;gap:8px;padding:10px 3px;font:10px monospace;display:grid}.sector-row b{color:#28d4ff}.sector-row strong{color:#ff7180}.gforce-card{min-height:205px}.g-content{align-items:center;gap:20px;padding:0 15px 17px;display:flex}.g-circle{background:radial-gradient(circle,#28d4ff14,#0000 65%);border:1px solid #31434d;border-radius:50%;flex-shrink:0;width:112px;height:112px;position:relative}.g-circle:before,.g-circle:after{content:"";border:1px solid #25333a;border-radius:50%;position:absolute;inset:24%}.g-circle:after{inset:41%}.cross{background:#25363e;position:absolute}.cross.vertical{width:1px;height:100%;left:50%}.cross.horizontal{width:100%;height:1px;top:50%}.g-dot{background:#28d4ff;border-radius:50%;width:10px;height:10px;position:absolute;top:37%;left:64%;box-shadow:0 0 14px #28d4ffe6}.g-values{flex:1;gap:8px;display:grid}.g-values div{justify-content:space-between;gap:15px;display:flex}.g-values span{color:#60717a;font-size:8px;font-weight:800}.weather-status{color:#33f08b;font-size:9px;font-weight:900}.weather-main{grid-template-columns:120px 1fr;gap:15px;padding:14px;display:grid}.weather-temp{font-size:48px;font-weight:900;line-height:.9}.weather-temp span{color:#60717b;letter-spacing:.14em;margin-top:9px;font-size:8px;display:block}.weather-metrics{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.weather-metrics div{flex-direction:column;display:flex}.weather-metrics span{color:#5a6a73;font-size:7px;font-weight:800}.weather-metrics strong{margin-top:2px;font-size:11px}.forecast{border-top:1px solid #1a262d;grid-template-columns:repeat(4,1fr);display:grid}.forecast-item{text-align:center;border-right:1px solid #1a262d;padding:10px 5px}.forecast-item:last-child{border:0}.forecast-item span{color:#586972;font-size:7px;display:block}.forecast-item strong{margin-top:3px;font-size:14px;display:block}.forecast-item b{color:#28d4ff;margin-top:2px;font-size:9px;display:block}.weather-alert{color:#ffc55d;letter-spacing:.1em;border-top:1px solid #1a262d;padding:8px 12px;font-size:8px;font-weight:900}.track-map{color:#3f4e55;letter-spacing:.14em;place-items:center;height:195px;font-size:8px;display:grid;position:relative}.track-line{border:3px solid #2b3b43;border-radius:47% 53% 40% 60%/55% 44% 56% 45%;width:60%;height:62%;position:absolute;transform:rotate(-8deg)}.car-position{background:#28d4ff;border-radius:50%;width:11px;height:11px;position:absolute;top:20%;right:11%;box-shadow:0 0 15px #28d4ff}.chart-range{color:#61737d;font:9px monospace}.chart-area{height:215px;padding:15px;position:relative}.chart-area svg{width:100%;height:160px}.chart-line{fill:none;stroke-width:2px;vector-effect:non-scaling-stroke}.chart-line.primary{stroke:#28d4ff}.chart-line.secondary{stroke:#ffb44c;opacity:.7}.chart-legend{color:#687a84;gap:16px;font-size:8px;display:flex}.session-card{padding:16px}.driver{flex-direction:column;margin:13px 0;display:flex}.driver strong{font-size:19px}.driver span{color:#6d7f89;margin-top:3px;font-size:10px}.metric-row{border-top:1px solid #172127;justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.metric-row span{color:#63747e}.ai-card{background:radial-gradient(circle at 100% 0,#28d4ff1c,#0000 40%),linear-gradient(#10181d,#080d10);border-color:#28d4ff40;padding:15px}.ai-header{align-items:center;gap:10px;display:flex}.ai-icon{color:#28d4ff;border:1px solid #28d4ff;border-radius:7px;place-items:center;width:36px;height:36px;font-size:10px;font-weight:900;display:grid}.ai-message{color:#94a4ad;background:#0003;border:1px solid #1d2e36;border-radius:6px;margin:13px 0;padding:10px;font-size:10px;line-height:1.45}.ai-suggestions{gap:6px;display:grid}.ai-suggestions button{text-align:left;color:#99a9b1;cursor:pointer;background:#0a1014;border:1px solid #22323a;border-radius:5px;padding:8px;font-size:9px}.ai-suggestions button:hover{border-color:#28d4ff}.ai-input{grid-template-columns:1fr 36px;gap:5px;margin-top:9px;display:grid}.ai-input input{color:#fff;background:#040709;border:1px solid #25353d;border-radius:5px;outline:none;min-width:0;padding:8px 9px;font-size:9px}.ai-input button{cursor:pointer;background:#28d4ff;border:0;border-radius:5px;font-size:17px;font-weight:900}.footer{text-align:center;color:#39474e;letter-spacing:.12em;padding:10px 20px 18px;font-size:8px}@media (width<=1150px){.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"video timing""speed g""weather track""chart chart""session ai"}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding:14px}.topbar-status{flex-wrap:wrap}.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"video""speed""timing""g""weather""track""chart""session""ai"}}@media (width>=1251px){.dashboard-grid{grid-template-columns:minmax(500px,600px) minmax(290px,1fr) minmax(340px,1fr)}.video-stage{max-height:342px}}.speed-bar{margin-top:20px}.speed-bar-track{background:#18242a;border-radius:999px;height:6px;position:relative;overflow:visible}.speed-bar-fill{background:linear-gradient(90deg,#188db0,#28d4ff);border-radius:999px;height:100%;position:relative;box-shadow:0 0 10px #28d4ff4d}.speed-marker{background:#28d4ff;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 13px #28d4fff2}.speed-scale{color:#71848f;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:800;display:flex}.speed-stats{gap:12px}.speed-stats span{font-size:10px}.speed-stats strong{font-size:13px}.panel-header h2,.ai-header h2{font-size:17px}.eyebrow{font-size:10px}.video-meta{font-size:11px}.lap-times span{font-size:10px}.lap-times strong{font-size:26px}.sector-row{font-size:12px}.g-values span{font-size:10px}.g-values strong{font-size:15px}.weather-metrics span{font-size:9px}.weather-metrics strong{font-size:13px}.forecast-item span{font-size:9px}.forecast-item strong{font-size:16px}.metric-row,.ai-message{font-size:12px}.ai-suggestions button{font-size:11px}.track-map{height:320px}.track-line{width:72%;height:70%}