@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.session-selector{display:flex;align-items:center;background-color:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-2);height:32px}.selector-group{display:flex;align-items:center}.selector-select{background:transparent;color:var(--text-primary);border:none;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:500;padding:0 var(--space-2);cursor:pointer;outline:none}.selector-select option{background-color:var(--bg-surface);color:var(--text-primary)}.selector-select:disabled{opacity:.5;cursor:not-allowed}.selector-divider{color:var(--border-strong);font-size:var(--text-sm);margin:0 var(--space-1)}.session-selector-loading,.session-selector-error{font-size:var(--text-sm);color:var(--text-muted)}.header{height:48px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-default);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--space-4);z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--space-3)}.logo-mark{height:24px;width:24px;display:block;flex-shrink:0}.logo-text{font-size:var(--text-base);font-weight:800;font-style:italic;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary)}.demo-chip{font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:1px var(--space-2)}.sidebar{width:220px;height:100%;background-color:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;transition:width var(--transition-base);z-index:var(--z-sticky)}.sidebar.collapsed{width:56px}.sidebar-toggle{display:flex;justify-content:center;align-items:center;height:40px;cursor:pointer;color:var(--text-muted);border-bottom:1px solid var(--border-default)}.sidebar-toggle:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-nav{display:flex;flex-direction:column;padding:var(--space-2) 0}.sidebar-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;color:var(--text-secondary);border-left:3px solid transparent;transition:all var(--transition-fast);text-decoration:none}.sidebar-item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.sidebar-item.active{color:var(--f1-red);background-color:var(--bg-active);border-left-color:var(--f1-red)}.sidebar-icon{display:flex;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;color:inherit;border-radius:var(--radius-sm);flex-shrink:0}.sidebar-item.active .sidebar-icon{background-color:var(--f1-red-muted)}.sidebar-item:hover:not(.active) .sidebar-icon{background-color:var(--bg-elevated)}.sidebar.collapsed .sidebar-item{padding:var(--space-3) 0;justify-content:center}.sidebar-label{margin-left:var(--space-3);font-weight:500;white-space:nowrap}.panel-state{flex:1;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);width:100%;height:100%}.skeleton-row{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton-row{animation:none}}.panel-state--error{align-items:center;justify-content:center;text-align:center;font-size:var(--text-xs);color:var(--delta-negative)}.panel-state-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);max-width:42ch}.dashboard-layout{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.dashboard-body{display:flex;flex:1;overflow:hidden}.dashboard-main{flex:1;display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden}.tyre-img{display:block;object-fit:contain}.tyre-unknown{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#333;color:#aaa;font-size:9px;font-weight:700}.timing-tower{display:flex;flex-direction:column;background-color:var(--bg-surface);width:100%;height:100%;overflow:hidden}.timing-tower--state{justify-content:center;align-items:center;color:var(--text-muted);font-size:var(--text-sm)}.tower-header{display:flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);letter-spacing:.06em;border-bottom:1px solid var(--border-default);position:sticky;top:0;background-color:var(--bg-surface);z-index:2;flex-shrink:0}.th-pos{width:28px}.th-dot{width:14px;flex-shrink:0}.th-driver{flex:1}.th-tyre{width:38px}.th-pit{width:22px;text-align:center}.th-gap{width:64px;text-align:right}.tower-body{flex:1;overflow-y:auto}.tower-row{display:flex;align-items:center;padding:5px var(--space-2) 5px var(--space-3);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background-color .1s;gap:6px}.tower-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tower-row:hover{background-color:var(--bg-hover)}.tower-row.selected{background-color:var(--bg-active)}.tower-pos{width:22px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);font-family:var(--font-data);flex-shrink:0}.tower-driver{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.driver-abbr{font-weight:700;font-size:var(--text-sm);color:var(--text-primary);font-family:var(--font-data);letter-spacing:.04em}.driver-team{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tower-fastest{margin-left:4px;padding:0 3px;border-radius:2px;font-size:8px;font-weight:800;color:#fff;background-color:var(--fastest-lap);vertical-align:1px}.tower-tyre{width:38px;display:flex;align-items:center;gap:3px;flex-shrink:0;color:var(--text-muted)}.tower-tyre-age{font-size:10px;font-family:var(--font-data);color:var(--text-secondary)}.tower-pit{width:22px;text-align:center;font-size:var(--text-xs);font-family:var(--font-data);color:var(--text-secondary);flex-shrink:0}.tower-gap{width:64px;text-align:right;font-size:var(--text-xs);font-family:var(--font-data);color:var(--text-secondary);flex-shrink:0}.tower-gap--leader{color:var(--accent);font-weight:600;font-size:9px;letter-spacing:.05em}.lap-table-container{flex:1;overflow:auto;background-color:var(--bg-primary)}.lap-table{width:100%;border-collapse:collapse;text-align:left}.lap-table th{position:sticky;top:0;background-color:var(--bg-surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);z-index:2;white-space:nowrap}.lap-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap}.lap-table tbody tr:hover{background-color:var(--bg-hover)}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-personal-best{color:var(--personal-best)}.lap-num-cell{width:70px;color:var(--text-secondary)}.driver-cell{font-size:var(--text-xs);letter-spacing:.04em}.tyre-cell{width:28px;padding-left:var(--space-2);padding-right:var(--space-2)}tr.lap-personal-best td{background-color:#22c55e0d}.lap-table-empty{padding:var(--space-4);color:var(--text-muted);text-align:center}tr.lap-fastest td{background-color:#a855f714}.text-fastest{color:var(--fastest-lap)}.lap-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.lap-table th.sortable:hover{color:var(--text-primary)}.pit-tag{margin-left:5px;padding:0 3px;border:1px solid var(--border-default);border-radius:2px;font-size:8px;font-weight:700;color:var(--text-secondary)}.lap-table-toolbar{position:sticky;left:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-1) var(--space-3);background-color:var(--bg-surface);border-bottom:1px solid var(--border-default)}.lap-filter{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-xs);padding:2px 6px}.lap-legend{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.swatch{display:inline-block;width:8px;height:8px;border-radius:2px;margin-left:6px}.swatch--fastest{background:var(--fastest-lap)}.swatch--pb{background:var(--personal-best)}.session-summary{display:flex;align-items:stretch;gap:1px;background:var(--border-default);border-bottom:1px solid var(--border-default);flex-shrink:0}.summary-stat{flex:1;display:flex;flex-direction:column;gap:1px;padding:var(--space-2) var(--space-3);background:var(--bg-surface);min-width:0}.summary-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.summary-value{font-family:var(--font-data);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);white-space:nowrap}.summary-detail{font-size:10px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-view{display:flex;height:100%;width:100%;overflow:hidden}.dv-tower{width:290px;min-width:290px;display:flex;flex-direction:column;border-right:1px solid var(--border-default);overflow:hidden}.dv-right{flex:1;display:flex;flex-direction:column;overflow:hidden}.dv-telemetry{flex:11;display:flex;flex-direction:column;border-bottom:1px solid var(--border-default);overflow:hidden}.dv-bottom{flex:9;display:flex;overflow:hidden}.dv-laps{flex:3;display:flex;flex-direction:column;border-right:1px solid var(--border-default);overflow:hidden}.dv-track{flex:2;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:6px var(--space-3);border-bottom:1px solid var(--border-default);font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background-color:var(--bg-surface);flex-shrink:0}:root{--bg-primary: #06060b;--bg-surface: #0d0d14;--bg-elevated: #14141f;--bg-hover: #1c1c2e;--bg-active: #24243a;--bg-panel: #111118;--border-subtle: #1e1e30;--border-default: #2a2a40;--border-strong: #3a3a55;--border-focus: #5555aa;--accent: #5555aa;--accent-muted: rgba(85, 85, 170, .2);--text-primary: #eaeaf0;--text-secondary: #9090a8;--text-muted: #606078;--text-disabled: #404058;--f1-red: #e10600;--f1-red-hover: #ff1a14;--f1-red-muted: #e1060033;--delta-positive: #00e676;--delta-negative: #ff1744;--delta-neutral: #ffab00;--fastest-lap: #a855f7;--personal-best: #22c55e;--tire-soft: #ff1801;--tire-medium: #ffd700;--tire-hard: #ffffff;--tire-intermediate: #43b02a;--tire-wet: #0067ff;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-data: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-glow-purple: 0 0 12px rgba(168, 85, 247, .3);--shadow-glow-green: 0 0 12px rgba(34, 197, 94, .3)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh;width:100vw}#root{height:100%;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.data-text{font-family:var(--font-data)}