:root{--bg:#070b0d;--surface:#0d1315;--surface-2:#11191c;--surface-3:#172326;--line:#deeee824;--line-soft:#deeee814;--text:#eff8f4;--muted:#91a19b;--faint:#61706a;--accent:#72f5b8;--accent-2:#8bd8ff;--warn:#ffbf5f;--danger:#ff6d60;--radius:7px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Bahnschrift,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 24% -10%,#72f5b81c,#0000 28rem),linear-gradient(#090e10 0%,#070b0d 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:progress;opacity:.62}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b0de6;grid-template-columns:minmax(230px,1fr) auto;align-items:center;gap:18px;min-height:78px;padding:14px 22px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#06100c;background:var(--accent);border-radius:5px;place-items:center;width:42px;height:42px;font-weight:950;display:grid;transform:skew(-8deg)}.brand h1{letter-spacing:0;margin:0;font-size:30px;line-height:.95}.brand span,.subtle,.muted{color:var(--muted)}.brand span{margin-top:5px;font-size:13px;display:block}.top-actions,.row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.layout{grid-template-columns:286px minmax(0,1fr);min-height:calc(100vh - 78px);display:grid}.sidebar{border-right:1px solid var(--line);background:#090f11db;height:calc(100vh - 78px);padding:18px 16px;position:sticky;top:78px;overflow:auto}.workspace{min-width:0;padding:28px 34px 52px}.nav-list,.side-section{gap:8px;display:grid}.nav-list{border-bottom:1px solid var(--line-soft);padding-bottom:20px}.nav-item{min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;display:grid}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#72f5b814}.side-section{border-bottom:1px solid var(--line-soft);padding:19px 0}.side-section h2{color:var(--faint);text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:900}.side-stat,.favorite-row,.recent-row{width:100%;min-height:38px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;display:grid}.driver-current,.session-row{color:var(--muted);grid-template-columns:20px minmax(0,1fr);align-items:center;gap:9px;display:grid}.session-row strong{color:var(--text);display:block}.session-row small{color:var(--faint)}.driver-current select{min-height:36px;padding:7px 9px}.driver-form{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid}.driver-form input{min-height:36px;padding:7px 9px}.side-stat{grid-template-columns:minmax(0,1fr) auto}.favorite-row{border-radius:var(--radius);grid-template-columns:20px minmax(0,1fr) auto;gap:9px;padding:8px}.favorite-row:hover,.recent-row:hover{background:#deeee80a}.favorite-row strong,.recent-row strong,.lap-time,.entry-footer strong{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:950}.recent-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 8px}.recent-row small{color:var(--faint)}.recent-row strong{grid-area:1/2/span 2}.local-note{color:var(--muted);background:linear-gradient(#0000,#090f11f5 20%);gap:4px;padding-top:16px;display:grid;position:sticky;bottom:0}.local-note small{color:var(--faint)}.hero-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.kicker{color:var(--accent);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:950}.hero-row h1{letter-spacing:0;margin:0;font-size:clamp(34px,4vw,58px);line-height:.95}.hero-row p{margin:10px 0 0}.ghost-button,.primary-button,.danger-button,.icon-button{min-height:40px;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;background:#deeee80a;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:850;display:inline-flex}.primary-button{color:#06100c;background:var(--accent);border-color:var(--accent)}.danger-button{color:var(--danger);background:#ff6d6012;border-color:#ff6d6059}.icon-button{width:42px;padding:0}.small{min-height:32px;padding:6px 10px;font-size:12px}.field{color:#a9bbb4;gap:7px;min-width:0;font-size:13px;font-weight:850;display:grid}.grow{flex:1}input,select,textarea{width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:#070b0d;outline:none}input,select{min-height:42px;padding:9px 12px}textarea{resize:vertical;min-height:104px;padding:12px}input:focus,select:focus,textarea:focus{border-color:#72f5b8b3;box-shadow:0 0 0 3px #72f5b81a}.vehicle-toolbar,.asset-toolbar,.create-row,.entry-form{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.vehicle-toolbar{padding:24px 0 18px}.asset-toolbar{border-bottom:1px solid var(--line-soft);align-items:center;padding-bottom:22px}.url-form,.inline-input,.add-car-inline{align-items:center;gap:10px;display:flex}.add-car-inline{flex-wrap:wrap;justify-content:flex-end}.add-car-inline input{width:180px}.add-car-inline select{width:130px}.media-preview{width:72px;height:48px;color:var(--accent);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#72f5b81a,#8bd8ff0f);flex:none;place-items:center;display:grid;overflow:hidden}.media-preview.compact{width:50px;height:38px}.media-preview.large{width:260px;height:154px}.media-preview img{object-fit:cover;width:100%;height:100%}.map-strip-head{justify-content:space-between;align-items:center;gap:16px;padding:24px 0 12px;display:flex}.map-strip-head h2,.entry-panel h2{margin:0}.map-strip-head h2 span{color:var(--muted);font-size:15px}.map-strip{grid-auto-columns:minmax(174px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:22px;display:grid;overflow-x:auto}.map-chip{min-height:66px;color:var(--muted);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:#deeee809;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 10px;padding:8px;display:grid}.map-chip.selected{color:var(--text);background:#72f5b814;border-color:#72f5b89e}.map-chip span,.map-chip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-chip small{color:var(--faint);grid-column:2}.map-chip.add{border-style:dashed;justify-content:center;display:flex}.data-surface,.entry-panel,.edit-surface,.import-console,.setup-panel,.empty-start{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#11191ceb,#0a1012eb)}.data-surface{overflow:auto}.lap-table{border-spacing:0;border-collapse:separate;width:100%}.lap-table th,.lap-table td{text-align:left;border-bottom:1px solid var(--line-soft);padding:14px 16px}.lap-table th{color:var(--faint);text-transform:uppercase;font-size:12px;font-weight:950}.lap-table td small{color:var(--faint);margin-top:4px;display:block}.lap-table tr.current-best{outline-offset:-1px;outline:1px solid #72f5b873}.entry-panel{background:linear-gradient(90deg,#72f5b81f,#0000 40%),linear-gradient(#11191cf5,#090f11f5);border-color:#72f5b847;margin-top:18px;padding:18px}.entry-title{align-items:center;gap:12px;margin-bottom:16px;display:flex}.entry-title p,.entry-footer{color:var(--muted);margin:4px 0 0}.big-time input{font-variant-numeric:tabular-nums;width:236px;min-height:58px;font-size:34px;font-weight:950}.entry-footer{justify-content:flex-end;align-items:baseline;gap:10px;margin-top:12px;display:flex}.create-row{border-bottom:1px solid var(--line-soft);padding:24px 0}.create-row input{width:260px}.create-row select{width:160px}.edit-surface{grid-template-columns:280px minmax(0,1fr);gap:24px;margin-top:22px;padding:18px;display:grid}.edit-media{place-content:start;gap:12px;display:grid}.edit-fields{gap:14px;display:grid}.import-console{gap:16px;margin-top:22px;padding:18px;display:grid}.segmented-control{border:1px solid var(--line);border-radius:var(--radius);background:#deeee809;grid-template-columns:repeat(2,minmax(150px,1fr));width:fit-content;display:inline-grid;overflow:hidden}.segmented-control button{min-height:42px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:9px 14px;display:inline-flex}.segmented-control button.active{color:#06100c;background:var(--accent)}.import-form{align-items:end;gap:14px;display:flex}.inline-error{color:var(--warn);margin:0}.import-results{gap:12px;margin-top:18px;display:grid}.import-row{border-bottom:1px solid var(--line-soft);grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 0;display:grid}.import-row-main{min-width:0}.import-row-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.import-row h2{margin:0;font-size:24px}.import-row p{color:var(--muted);margin:6px 0 0}.confidence{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:950}.import-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:78ch;display:-webkit-box;overflow:hidden}.tag-line{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.tag-line span{color:var(--muted);border:1px solid var(--line-soft);background:#deeee809;border-radius:999px;padding:5px 8px;font-size:12px}.import-actions{justify-items:stretch;gap:8px;display:grid}.empty-import{min-height:220px;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);place-items:center;gap:8px;display:grid}.empty-import strong{color:var(--text);font-size:18px}.metric-line{justify-items:end;display:grid}.metric-line strong{color:var(--accent);font-size:42px}.setup-panel{background:#ffbf5f14;border-color:#ffbf5f6b;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.setup-panel h2{margin:0 0 6px}.setup-panel p{color:var(--muted);margin:0}.empty-start{place-items:start;gap:14px;padding:34px;display:grid}.empty-start h1{margin:0;font-size:42px}.json-preview{white-space:pre;min-height:65vh;margin-top:20px;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;line-height:1.55}.asset-grid{gap:12px;margin-top:20px;display:grid}.asset-item{border-bottom:1px solid var(--line-soft);grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.asset-item img{object-fit:cover;border-radius:var(--radius);width:96px;height:62px}.asset-item span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.toast-region{z-index:50;width:min(380px,100vw - 36px);position:fixed;bottom:18px;right:18px}.toast{width:100%;color:var(--text);text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:13px 14px}.toast.success{border-color:#72f5b866}.toast.error{border-color:#ff6d6066}.access-screen{background:linear-gradient(110deg,#72f5b829,#0000 34%),linear-gradient(#090e10 0%,#070b0d 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.access-panel{border:1px solid var(--line);border-radius:var(--radius);background:#0d1315eb;gap:30px;width:min(520px,100%);padding:28px;display:grid;box-shadow:0 24px 90px #00000061}.access-brand,.access-body{align-items:center;gap:14px;display:flex}.access-brand h1{margin:0;font-size:34px;line-height:.95}.access-brand span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.access-icon{width:58px;height:58px;color:var(--accent);border-radius:var(--radius);background:#72f5b814;border:1px solid #72f5b857;place-items:center;display:grid}.access-body h2{margin:0;font-size:clamp(30px,5vw,46px);line-height:.98}.access-form{gap:14px;display:grid}@media (width<=1120px){.topbar,.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.workspace{padding:22px 18px 48px}}@media (width<=720px){.topbar,.hero-row,.vehicle-toolbar,.asset-toolbar,.entry-form,.create-row,.import-form,.import-row,.edit-surface{grid-template-columns:1fr;display:grid}.top-actions,.add-car-inline,.segmented-control,.url-form,.inline-input{justify-content:stretch}.top-actions>*,.segmented-control,.add-car-inline input,.add-car-inline select,.create-row input,.create-row select,.big-time input{width:100%}.hero-row h1{font-size:38px}.map-strip{grid-auto-columns:minmax(210px,80vw)}}
