:root{--color-accent:#4ade40;--color-accent-green:#4ade40;--color-accent-yellow:#f5c542;--color-negative:#e53935;--color-background:#1a1a2e;--color-surface:#1e1e1e;--color-text-primary:#fff;--color-text-secondary:#aaa;--color-border:#333}body{background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Space Grotesk,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}.glass-panel{-webkit-backdrop-filter:blur(16px);background:#1e1e1e99;border:1px solid #ffffff14;border-radius:16px}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;margin:0;font-weight:600}.hover-scale{will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s}.hover-scale:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0006}.glow-on-hover{transition:box-shadow .3s ease-in-out,border-color .3s}.glow-on-hover:hover{border-color:#4ade4080;box-shadow:0 0 20px #4ade4033}.btn-primary{background-color:var(--color-accent);color:#000;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #4ade404d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;background-color:#0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--color-text-secondary);background-color:#ffffff0d}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.custom-timeline{appearance:none;background:#e5e5ea;border-radius:2px;outline:none;position:relative}.custom-timeline::-webkit-slider-runnable-track{cursor:pointer;background:#e5e5ea;border-radius:2px;width:100%;height:4px}.custom-timeline::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e67e22;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 1px 3px #0000004d}.custom-timeline::-moz-range-track{cursor:pointer;background:#e5e5ea;border-radius:2px;width:100%;height:4px}.custom-timeline::-moz-range-thumb{cursor:pointer;background:#e67e22;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0000004d}.custom-volume-slider{appearance:none;border-radius:2px;outline:none;height:4px}.custom-volume-slider::-webkit-slider-runnable-track{cursor:pointer;background:0 0;border-radius:2px;width:100%;height:4px}.custom-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e67e22;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:transform .1s;box-shadow:0 1px 3px #0000004d}.custom-volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.custom-volume-slider::-moz-range-track{cursor:pointer;background:0 0;border-radius:2px;width:100%;height:4px}.custom-volume-slider::-moz-range-thumb{cursor:pointer;background:#e67e22;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0000004d}.speed-card-f1{color:#000;pointer-events:auto;background:#fff;border-radius:16px;flex-direction:column;width:180px;padding:16px 20px;display:flex;box-shadow:0 4px 20px #00000040}.speed-card-f1 .speed-num{color:#000;letter-spacing:-2px;font-family:Orbitron,sans-serif;font-size:54px;font-weight:900;line-height:1}.speed-card-f1 .speed-unit{letter-spacing:3px;color:#8e8e93;margin-top:4px;font-size:9px;font-weight:700}.speed-card-f1 .speed-divider{background:#e5e5ea;height:1px;margin:10px 0}.speed-card-f1 .stat-lbl{letter-spacing:1px;color:#8e8e93;font-size:8px;font-weight:700}.speed-card-f1 .stat-val{color:#000;margin-top:2px;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700}.lap-card-f1{text-align:right;color:#000;pointer-events:auto;background:#fff;border-radius:16px;width:180px;padding:12px 18px;box-shadow:0 4px 20px #00000040}.lap-card-f1 .lap-lbl{letter-spacing:1.5px;color:#8e8e93;font-size:9px;font-weight:700}.lap-card-f1 .lap-val{color:#000;letter-spacing:0;margin-top:4px;font-family:Share Tech Mono,monospace;font-size:26px;font-weight:400}