@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#eeeeef;font-synthesis:none;text-rendering:optimizelegibility;--bg:#070707;--surface:#0c0c0e;--surface-2:#111113;--border:#242428;--border-soft:#19191c;--text:#eeeeef;--muted:#85858b;--dim:#55555b;--red:#e10600;background:#070707;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}html,body,#root{background:#070707;width:100%;min-width:100%;min-height:100%;margin:0}body{color:#eeeeef;min-height:100vh}button,select{font:inherit}button{cursor:pointer}.f1-app{background:#070707;width:100%;min-height:100vh;display:flex}.sidebar{z-index:20;background:#0a0a0b;border-right:1px solid #222225;flex-direction:column;width:235px;display:flex;position:fixed;top:0;bottom:0;left:0}.logo-area{border-bottom:1px solid #202023;align-items:center;gap:12px;height:88px;padding:0 20px;display:flex}.f1-logo{color:#fff;background:#e10600;place-items:center;width:40px;height:30px;font-size:17px;font-style:italic;font-weight:800;display:grid}.logo-title{letter-spacing:.13em;font-size:12px;font-weight:700}.logo-subtitle{color:#626267;letter-spacing:.1em;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:7px}.nav-heading{color:#4f4f54;letter-spacing:.15em;padding:25px 20px 10px;font-family:IBM Plex Mono,monospace;font-size:8px}.navigation{padding:0 9px}.nav-item{color:#77777d;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:12px;width:100%;height:42px;margin-bottom:3px;padding:0 12px;font-size:12px;display:flex}.nav-item:hover{color:#dddddf;background:#101012}.nav-item-active{color:#fff;background:#151012;border-left-color:#e10600}.nav-item-active svg{color:#e10600}.sidebar-footer{border-top:1px solid #202023;margin-top:auto;padding:15px}.system-button{color:#77777d;letter-spacing:.1em;background:#111113;border:1px solid #28282c;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:9px;display:flex}.system-button:hover{color:#fff;border-color:#3b3b40}.pipeline-status{color:#4e4e53;align-items:center;gap:7px;margin-top:13px;font-family:IBM Plex Mono,monospace;font-size:7px;display:flex}.pipeline-status span{background:#34b96b;border-radius:50%;width:5px;height:5px}.main-content{background:#070707;width:calc(100% - 235px);min-height:100vh;margin-left:235px}.topbar{background:#09090a;border-bottom:1px solid #202023;justify-content:space-between;align-items:center;height:72px;padding:0 25px;display:flex}.breadcrumb{color:#8a8a90;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:9px}.breadcrumb span{color:#38383d;margin:0 9px}.topbar-controls{align-items:center;gap:8px;display:flex}.topbar select{color:#dedee0;appearance:none;cursor:pointer;background-color:#111113;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23888892' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E");background-position:calc(100% - 14px);background-repeat:no-repeat;border:1px solid #2a2a2e;border-radius:3px;outline:none;min-width:120px;height:34px;padding:0 32px 0 11px;font-family:IBM Plex Mono,monospace;font-size:9px}.topbar select:focus{border-color:#55555a}.race-badge{color:#e10600;background:#160c0c;border:1px solid #322020;align-items:center;gap:7px;height:34px;padding:0 12px;font-family:IBM Plex Mono,monospace;font-size:8px;display:flex}.race-badge span{background:#e10600;border-radius:50%;width:5px;height:5px}.page{padding:25px}.hero-section{background:linear-gradient(135deg,#e1060012,#0000 38%),#0b0b0d;border:1px solid #222225;justify-content:space-between;align-items:flex-end;min-height:180px;padding:28px;display:flex}.eyebrow{color:#e10600;letter-spacing:.14em;font-family:IBM Plex Mono,monospace;font-size:8px}.hero-section h1{letter-spacing:-.05em;margin:14px 0 8px;font-size:clamp(35px,5vw,66px);line-height:.9}.hero-section h1 span{color:#77777d;letter-spacing:.02em;margin-top:8px;font-size:.32em;font-weight:500;display:block}.hero-section p{color:#68686e;letter-spacing:.08em;margin:0;font-family:IBM Plex Mono,monospace;font-size:8px}.hero-metrics{flex-shrink:0;grid-template-columns:repeat(4,minmax(110px,1fr));gap:24px;padding-left:40px;display:grid}.metric{box-sizing:border-box;min-width:110px}.metric span{color:#56565c;letter-spacing:.12em;white-space:nowrap;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:7px;display:block}.metric strong{color:#ededee;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:17px;display:block}.main-grid{grid-template-columns:minmax(0,1.55fr) minmax(350px,.85fr);gap:12px;margin-top:12px;display:grid}.bottom-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.panel{background:#0c0c0e;border:1px solid #242428;min-width:0;overflow:hidden}.panel-title{border-bottom:1px solid #202023;justify-content:space-between;align-items:center;height:62px;padding:0 17px;display:flex}.panel-title h2{color:#eeeeef;letter-spacing:.1em;margin:0 0 5px;font-size:11px}.panel-title span{color:#5e5e64;letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:7px}.panel-title>strong{color:#e10600;letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:8px}.speed-container{padding:18px 15px 12px;position:relative}.speed-chart{cursor:crosshair;width:100%;height:350px;display:block}.grid-line{stroke:#1d1d21;stroke-width:1px}.axis-text{fill:#5c5c62;font-family:IBM Plex Mono,monospace;font-size:9px}.turn-line{stroke:#333338;stroke-width:1px;stroke-dasharray:3 5}.turn-circle{fill:#0c0c0e;stroke:#6b6b71;stroke-width:1px}.turn-text{fill:#eeeeef;font-family:IBM Plex Mono,monospace;font-size:7px;font-weight:600}.speed-line{fill:none;stroke:#e10600;stroke-width:2.5px;vector-effect:non-scaling-stroke}.cursor-line{stroke:#fff;stroke-width:1px;stroke-dasharray:4 4;opacity:.8}.cursor-dot{fill:#e10600;stroke:#fff;stroke-width:2px}.chart-footer{color:#4f4f54;justify-content:space-between;padding:5px 7px 0 45px;font-family:IBM Plex Mono,monospace;font-size:7px;display:flex}.telemetry-popup{pointer-events:none;z-index:10;background:#09090a;border:1px solid #39393e;width:180px;padding:12px;position:absolute;top:75px;transform:translate(-50%);box-shadow:0 15px 40px #000000a6}.popup-distance{color:#77777d;font-family:IBM Plex Mono,monospace;font-size:8px}.popup-speed{color:#fff;margin:5px 0 10px;font-family:IBM Plex Mono,monospace;font-size:22px;font-weight:600}.popup-speed small{color:#77777d;font-size:8px}.popup-grid{color:#66666c;grid-template-columns:1fr 1fr;gap:7px;font-family:IBM Plex Mono,monospace;font-size:7px;display:grid}.popup-grid b{color:#eeeeef}.track-container{min-height:424px;padding:8px 12px 45px;position:relative}.track-chart{width:100%;height:360px;display:block}.track-shadow{fill:none;stroke:#e1060024;stroke-width:17px;stroke-linecap:round;stroke-linejoin:round}.track-path{fill:none;stroke:#e10600;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.map-turn{fill:#0b0b0d;stroke:#77777d;stroke-width:1.5px}.map-turn-text{fill:#eeeeef;font-family:IBM Plex Mono,monospace;font-size:8px;font-weight:600}.car-pulse{fill:none;stroke:#fff;stroke-width:1px;opacity:.9}.car-position{fill:#e10600;stroke:#fff;stroke-width:1.5px}.map-info{gap:20px;display:flex;position:absolute;bottom:10px;left:17px}.map-info span{color:#55555b;margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:6px;display:block}.map-info strong{color:#cccccf;font-family:IBM Plex Mono,monospace;font-size:9px}.classification{padding:3px 0}.classification-row{border-bottom:1px solid #19191c;grid-template-columns:45px 65px 1fr 50px;align-items:center;height:47px;padding:0 17px;display:grid}.classification-row:last-child{border-bottom:0}.classification-row>span{color:#55555b;font-family:IBM Plex Mono,monospace;font-size:8px}.classification-row>strong{color:#eeeeef;font-family:IBM Plex Mono,monospace;font-size:11px}.classification-row>small{color:#67676d;font-family:IBM Plex Mono,monospace;font-size:8px}.classification-row>em{color:#99999f;text-align:right;font-family:IBM Plex Mono,monospace;font-size:8px;font-style:normal}.readout-grid{grid-template-columns:repeat(4,1fr);display:grid}.readout{box-sizing:border-box;border-bottom:1px solid #19191c;border-right:1px solid #19191c;height:90px;min-height:90px;max-height:90px;padding:15px;overflow:hidden}.readout:nth-child(4n){border-right:0}.readout span{color:#55555b;letter-spacing:.1em;white-space:nowrap;margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:7px;display:block}.readout strong{color:#eeeeef;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-family:IBM Plex Mono,monospace;font-size:14px;display:block;overflow:hidden}.loading-box,.error-box{color:#66666c;letter-spacing:.1em;background:#0c0c0e;border:1px solid #242428;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:350px;margin-top:12px;font-family:IBM Plex Mono,monospace;font-size:9px;display:flex}.loader{border:2px solid #29292d;border-top-color:#e10600;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-box strong{color:#e10600}.error-box span{color:#77777d;font-size:8px}.empty-state{color:#55555b;letter-spacing:.12em;place-items:center;min-height:250px;font-family:IBM Plex Mono,monospace;font-size:8px;display:grid}.module-placeholder{background:#0c0c0e;border:1px solid #242428;min-height:500px;padding:45px}.module-placeholder h1{margin:20px 0 10px;font-size:48px}.module-placeholder p{color:#66666c;font-family:IBM Plex Mono,monospace}@media (width<=1150px){.main-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{width:190px}.main-content{width:calc(100% - 190px);margin-left:190px}.hero-section{flex-direction:column;align-items:flex-start;gap:25px}.hero-metrics{padding-left:0}.topbar{padding:0 15px}.topbar-controls select{min-width:90px}.page{padding:15px}}.driver-cards-grid{box-sizing:border-box;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;width:100%;display:grid}.driver-cards-grid>.panel{box-sizing:border-box!important;height:136px!important;min-height:136px!important;max-height:136px!important;overflow:hidden!important}@media (width<=1120px){.driver-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.driver-cards-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.story-split-grid{grid-template-columns:1.25fr .75fr;gap:16px;display:grid}@media (width<=980px){.story-split-grid{grid-template-columns:1fr}}