:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf3f1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b1116;--panel:#111a20;--panel2:#17242b;--text:#edf3f1;--muted:#94a7a8;--border:#ffffff1a;--accent:#38d6a8;--accent2:#fc6;--danger:#ff786b;--shadow:0 18px 45px #00000047;background:#0b1116;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f5;--panel:#fff;--panel2:#e9efed;--text:#14201f;--muted:#60726f;--border:#14201f1f;--accent:#087e63;--accent2:#d99111;--shadow:0 18px 45px #162c281f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px;color:var(--text);overscroll-behavior-y:none;margin:0}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.mobileShell{background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 34%), var(--bg);min-height:100vh}.offlineBanner{z-index:32;background:color-mix(in srgb, var(--accent2) 20%, var(--panel));width:min(100%,760px);color:var(--text);text-align:center;margin:0 auto;padding:10px 14px;font-size:.84rem;font-weight:850;position:sticky;top:0}.shellContent{width:min(100%,760px);padding-bottom:calc(92px + env(safe-area-inset-bottom));margin:0 auto}.appPage,.builderPage{gap:18px;padding:18px 16px 22px;display:grid}.builderPage{padding-inline:0}.builderPage>.pageHeader,.builderPage>.tunePicker{margin-inline:16px}.pageHeader{justify-content:space-between;align-items:flex-end;gap:14px;min-height:58px;display:flex}.pageHeader p,.heroPanel p{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}.pageHeader h1{margin:0;font-size:clamp(1.55rem,8vw,2.25rem);line-height:1.04}.pageHeaderActions{align-items:center;gap:8px;display:flex}.homeBrandHeader{place-items:center;min-height:98px;padding:10px 0 2px;display:grid;position:relative}.homeBrandHeader img{object-fit:contain;filter:drop-shadow(0 18px 32px #0088ff29);width:min(68vw,560px);max-height:82px;display:block}.homeBrandHeader .iconButton{position:absolute;top:12px;right:0}.heroPanel{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent), var(--panel);box-shadow:var(--shadow);border-radius:22px;gap:12px;padding:18px;display:grid}.globalSearch{gap:8px;display:grid}.globalSearch label{border:1px solid var(--border);background:var(--panel);min-height:52px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 13px;display:flex}.globalSearch input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.searchResults{border:1px solid var(--border);background:var(--panel);border-radius:16px;gap:8px;padding:8px;display:grid}.searchResults button{background:var(--panel2);min-height:50px;color:var(--text);text-align:left;border:0;border-radius:12px;gap:3px;padding:9px 10px;display:grid}.searchResults span{color:var(--muted);font-size:.84rem}.onboardingShade{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008f;align-items:end;display:grid;position:fixed;inset:0}.onboardingPanel{border:1px solid var(--border);width:min(100%,760px);max-height:86vh;padding:18px 16px calc(20px + env(safe-area-inset-bottom));background:var(--panel);box-shadow:var(--shadow);border-radius:26px 26px 0 0;gap:13px;margin:0 auto;display:grid;overflow:auto}.onboardingTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.onboardingTop span,.helperText{color:var(--muted);font-size:.84rem;font-weight:850}.onboardingPanel p,.onboardingPanel h2{margin:0}.onboardingPanel p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.onboardingPanel h2{font-size:1.45rem;line-height:1.08}.onboardingPanel>span{color:var(--muted);line-height:1.45}.onboardingChoices{grid-template-columns:1fr;gap:8px;display:grid}.onboardingChoices button{border:1px solid var(--border);background:var(--panel2);min-height:50px;color:var(--text);border-radius:14px;padding:0 12px;font-weight:850}.onboardingChoices button.selected{background:var(--accent);color:#07110f;border-color:#0000}.helperText{margin:0;line-height:1.35}.heroPanel h2{margin:0;font-size:1.4rem;line-height:1.1}.heroPanel span,.appCard span,.appCard em,.profileSummary span,.formField span{color:var(--muted);font-size:.86rem}.quickGrid,.placeholderGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.engagementStrip{scrollbar-width:none;grid-auto-columns:minmax(210px,78%);grid-auto-flow:column;gap:10px;padding-bottom:2px;display:grid;overflow-x:auto}.engagementStrip::-webkit-scrollbar{display:none}.appCard{border:1px solid var(--border);background:var(--panel);width:100%;min-height:92px;color:var(--text);text-align:left;border-radius:18px;gap:6px;padding:14px;display:grid;box-shadow:0 12px 32px #0000001a}.appCard.tappable{cursor:pointer;min-height:116px}.appCard.tappable:active,.bottomNav button:active,.smallPill:active{transform:translateY(1px)}.appCard,.primaryAction,.smallPill,.bottomNav button{transition:transform .12s,border-color .14s,background .14s}.appCard svg{color:var(--accent)}.appCard strong{line-height:1.18}.appCard em{font-style:normal}.activeCard{border-color:color-mix(in srgb, var(--accent) 56%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 16%, transparent)}.dashboardSection{gap:10px;display:grid}.dashboardSection h2{margin:0;font-size:1rem}.sectionStack{gap:10px;display:grid}.cardRow,.profileSummary{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.cardRow>div,.profileSummary>div{gap:3px;min-width:0;display:grid}.smallPill,.segmentedNav button,.tunePicker button{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-weight:850;display:inline-flex}.buttonRow{flex-wrap:wrap;gap:8px;display:flex}.segmentedNav,.tunePicker{scrollbar-width:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.tunePicker{grid-auto-columns:minmax(152px,max-content)}.segmentedNav::-webkit-scrollbar{display:none}.tunePicker::-webkit-scrollbar{display:none}.segmentedNav button.active,.tunePicker button.active{background:var(--accent);color:#07110f;border-color:#0000}.profileSummary{border:1px solid var(--border);background:var(--panel);border-radius:20px;grid-template-columns:auto 1fr;padding:14px}.garageManager{gap:16px;padding-bottom:76px;display:grid}.garageCarList{gap:12px;display:grid}.carDetailButton{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:0;display:grid}.carDetailButton img,.carDetailButton>svg{background:var(--panel2);object-fit:cover;border-radius:16px;width:64px;height:64px}.carDetailButton>svg{color:var(--accent);padding:18px}.carDetailButton span{gap:4px;display:grid}.carDetailButton em,.carDetailButton small{color:var(--muted);font-size:.82rem;font-style:normal}.carDetailPanel{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:22px;gap:14px;padding:14px;display:grid}.carDetailPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.carDetailPanel p,.carDetailPanel h2,.carDetailPanel span{margin:0}.carDetailPanel header p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.carDetailPanel header h2{margin-top:4px;font-size:1.3rem}.carPhotoStrip{scrollbar-width:none;grid-auto-columns:minmax(138px,60%);grid-auto-flow:column;gap:10px;display:grid;overflow-x:auto}.carPhotoStrip::-webkit-scrollbar{display:none}.carPhotoStrip img{aspect-ratio:4/3;object-fit:cover;background:var(--panel2);border-radius:16px;width:100%}.carPhotoStrip.editable{grid-auto-columns:minmax(112px,36%)}.carPhotoEmpty{border:1px dashed var(--border);min-height:112px;color:var(--muted);background:var(--panel2);border-radius:18px;place-items:center;display:grid}.carSpecs{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.carSpecs div{border:1px solid var(--border);background:var(--panel2);border-radius:14px;min-height:70px;padding:10px}.carSpecs dt{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:850}.carSpecs dd{margin:6px 0 0;font-size:.88rem;line-height:1.25}.carNotes{border-left:3px solid var(--accent);color:var(--muted);padding-left:10px;line-height:1.4}.connectedTunes{gap:8px;display:grid}.connectedTunes h3{margin:0;font-size:1rem}.connectedTunes button{border:1px solid var(--border);background:var(--panel2);min-height:58px;color:var(--text);text-align:left;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:10px;display:grid}.connectedTunes button.active{border-color:color-mix(in srgb, var(--accent) 58%, var(--border))}.connectedTunes small{color:var(--muted);grid-column:2}.dangerPill{color:var(--danger)}.floatingAddCar{right:16px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:29;min-width:126px;box-shadow:var(--shadow);position:fixed}.carForm{gap:12px;padding-bottom:14px;display:grid}.formSplit{grid-template-columns:1fr 1fr;gap:10px;display:grid}.compactUploader{min-height:98px}.templateModeHint{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);border-radius:15px;padding:11px 12px;font-size:.86rem;font-weight:800;line-height:1.35}.sessionForm{gap:12px}.sessionLabel{color:var(--muted);margin-bottom:7px;font-size:.84rem;font-weight:850;display:block}.sessionChipGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sessionChipGrid button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;padding:9px 10px;font-weight:850;line-height:1.15}.sessionChipGrid button.selected{background:var(--accent);color:#07110f;border-color:#0000}.sessionPhotoPreview{scrollbar-width:none;grid-auto-columns:minmax(92px,32%);grid-auto-flow:column;gap:8px;display:grid;overflow-x:auto}.sessionPhotoPreview::-webkit-scrollbar{display:none}.sessionPhotoPreview img{aspect-ratio:4/3;object-fit:cover;background:var(--panel2);border-radius:14px;width:100%}.sessionSaved{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);border-radius:14px;margin:0;padding:10px 12px;font-weight:850}.badgeGrid,.notificationList{gap:8px;display:grid}.badgeGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.badgeCard{border:1px solid var(--border);background:var(--panel);min-height:96px;color:var(--muted);border-radius:16px;align-content:center;gap:5px;padding:12px;display:grid}.badgeCard.earned{border-color:color-mix(in srgb, var(--accent2) 42%, var(--border));background:color-mix(in srgb, var(--accent2) 10%, var(--panel));color:var(--text)}.badgeCard svg{color:var(--accent2)}.badgeCard strong{color:var(--text);line-height:1.12}.badgeCard span{font-size:.78rem;font-weight:850}.notificationToggle{border:1px solid var(--border);background:var(--panel);min-height:52px;color:var(--text);border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:850;display:flex}.notificationToggle input{width:24px;height:24px;accent-color:var(--accent)}.universalBuilder{gap:14px;padding:0 14px 112px;display:grid}.builderStart{gap:13px}.builderStartHeader,.activeTuneBanner,.summaryPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.builderStartHeader p,.activeTuneBanner p,.summaryPanel p{color:var(--accent);text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:900}.builderStartHeader h2,.activeTuneBanner h2,.summaryPanel h2{margin:0;font-size:1.2rem;line-height:1.12}.builderStartHeader>span,.activeTuneBanner span,.summaryPanel span{color:var(--muted);font-size:.82rem;font-weight:800}.progressTrack{background:var(--panel2);border-radius:999px;height:10px;overflow:hidden}.progressTrack i{border-radius:inherit;background:var(--accent);min-width:4px;height:100%;display:block}.builderStartGrid{gap:10px;display:grid}.activeTuneBanner{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent), var(--panel);border-radius:20px;padding:14px}.builderSections{gap:10px;display:grid}.builderSectionCard{border:1px solid var(--border);background:var(--panel);border-radius:18px;overflow:hidden}.sectionToggle{width:100%;min-height:62px;color:var(--text);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.sectionToggle span{gap:4px;display:grid}.sectionToggle em{color:var(--muted);font-size:.78rem;font-style:normal}.sectionToggle[aria-expanded=true] svg{transform:rotate(180deg)}.builderFieldGrid{gap:12px;padding:0 14px 14px;display:grid}.builderField{gap:8px;display:grid}.suggestionRow{scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.suggestionRow::-webkit-scrollbar{display:none}.suggestionRow button{border:1px solid var(--border);background:var(--panel2);min-height:36px;color:var(--muted);border-radius:999px;flex:none;padding:0 10px;font-size:.78rem;font-weight:850}.electronicsProfileTools{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:16px;gap:10px;padding:12px;display:grid}.electronicsProfileTools>div{color:var(--muted);grid-template-columns:auto 1fr;align-items:start;gap:9px;font-size:.84rem;line-height:1.35;display:grid}.electronicsProfileTools>div svg{color:var(--accent)}.electronicsProfileTools label{gap:7px;display:grid}.electronicsProfileTools label span{color:var(--muted);font-size:.78rem;font-weight:850}.electronicsProfileTools select{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;padding:0 12px}.summaryPanel{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:var(--panel);border-radius:20px;gap:12px;padding:14px;display:grid}.summaryPanel dl{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.summaryPanel div{border:1px solid var(--border);background:var(--panel2);border-radius:13px;padding:9px}.summaryPanel dt{color:var(--muted);font-size:.72rem;font-weight:850}.summaryPanel dd{margin:4px 0 0;font-size:.86rem;line-height:1.25}.builderStickyActions{bottom:calc(82px + env(safe-area-inset-bottom));z-index:28;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 90%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:1fr 1fr;gap:8px;padding:9px;display:grid;position:sticky}.builderStickyActions .primaryAction{grid-column:1/-1}.universalPdfPanel{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--panel);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:14px;display:grid}.universalPdfPanel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.universalPdfPanel p,.universalPdfPanel h2{margin:0}.universalPdfPanel p{color:var(--accent);text-transform:uppercase;font-size:.76rem;font-weight:900}.universalPdfPanel h2{margin-top:4px;font-size:1.12rem}.universalPdfPanel iframe{border:1px solid var(--border);background:#fff;border-radius:16px;width:100%;min-height:62vh}.shareSettingsBody{gap:12px;padding:0 14px 14px;display:grid}.shareLinkBox{border:1px solid var(--border);background:var(--panel2);border-radius:16px;grid-template-columns:116px 1fr;align-items:center;gap:12px;padding:12px;display:grid}.shareLinkBox strong,.shareLinkBox span,.shareHint{display:block}.shareLinkBox span,.shareHint{color:var(--muted);overflow-wrap:anywhere;font-size:.86rem}.shareLinkBox .smallPill{margin-top:10px}.shareToggleGrid{gap:8px;display:grid}.shareToggle{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-weight:800;display:flex}.shareToggle input{width:22px;height:22px;accent-color:var(--accent);order:2}.setupAssistantCard .sectionToggle svg{color:var(--accent2)}.assistantBody{gap:12px;padding:0 14px 14px;display:grid}.assistantIntro,.assistantContext,.assistantSuggestionCard,.assistantSaved{border:1px solid var(--border);background:var(--panel2);border-radius:16px}.assistantIntro{grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px;display:grid}.assistantIntro svg,.assistantSuggestionCard svg,.assistantSaved svg{color:var(--accent2)}.assistantIntro div{gap:4px;display:grid}.assistantIntro span,.assistantContext span,.assistantContext em,.assistantLabel,.assistantSuggestionCard p,.assistantSaved{color:var(--muted);font-size:.86rem;line-height:1.35}.assistantContext{gap:3px;padding:11px 12px;display:grid}.assistantContext span,.assistantLabel,.assistantSuggestionCard p{font-weight:850}.assistantContext em{font-style:normal}.assistantLabel{margin-bottom:7px;display:block}.assistantChoiceGrid,.assistantSymptomGrid,.assistantResultGrid,.assistantRatings{gap:8px;display:grid}.assistantChoiceGrid,.assistantSymptomGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.assistantResultGrid,.assistantRatings{grid-template-columns:repeat(3,minmax(0,1fr))}.assistantRatings{grid-template-columns:1fr 1fr}.assistantChoiceGrid button,.assistantSymptomGrid button,.assistantResultGrid button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);text-align:center;border-radius:14px;padding:9px 10px;font-weight:850;line-height:1.15}.assistantChoiceGrid button.selected,.assistantSymptomGrid button.selected,.assistantResultGrid button.selected{background:var(--accent);color:#07110f;border-color:#0000}.assistantSuggestionCard{gap:10px;padding:12px;display:grid}.assistantSuggestionCard header{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.assistantSuggestionCard h3,.assistantSuggestionCard p{margin:0}.assistantSuggestionCard header p{color:var(--accent);text-transform:uppercase;margin-bottom:2px;font-size:.72rem}.assistantChipGrid{flex-wrap:wrap;gap:7px;display:flex}.assistantChipGrid span{border:1px solid color-mix(in srgb, var(--accent2) 38%, var(--border));background:color-mix(in srgb, var(--accent2) 10%, transparent);color:var(--text);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.assistantSaved{min-height:44px;color:var(--text);align-items:center;gap:8px;padding:0 12px;font-weight:850;display:inline-flex}.avatar{background:color-mix(in srgb, var(--accent) 24%, var(--panel2));width:58px;height:58px;color:var(--text);border-radius:18px;place-items:center;font-weight:950;display:grid}.emptyState,.loadingState{border:1px dashed var(--border);background:color-mix(in srgb, var(--panel) 70%, transparent);text-align:center;border-radius:20px;place-items:center;gap:8px;min-height:160px;padding:18px;display:grid}.emptyState h2,.emptyState p{margin:0}.emptyState p,.loadingState{color:var(--muted)}.loadingState svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.saveToast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom));z-index:35;border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--panel) 92%, transparent);min-height:44px;color:var(--text);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:850;transition:opacity .16s,transform .16s;display:inline-flex;position:fixed;transform:translate(-50%,12px)}.saveToast.show{opacity:1;transform:translate(-50%)}.formField{gap:7px;display:grid}.formField input,.formField select,.formField textarea{border:1px solid var(--border);background:var(--panel2);width:100%;min-height:50px;color:var(--text);border-radius:15px;padding:0 13px}.formField textarea{resize:vertical;min-height:108px;padding-top:12px}.bottomNav{z-index:30;width:min(100%,760px);min-height:calc(72px + env(safe-area-inset-bottom));padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,1fr);gap:5px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottomNav button{min-width:0;min-height:56px;color:var(--muted);background:0 0;border:0;border-radius:16px;place-items:center;gap:3px;font-size:.68rem;font-weight:850;display:grid}.bottomNav button.active{background:color-mix(in srgb, var(--accent) 17%, transparent);color:var(--text)}.bottomNav button.active svg{color:var(--accent)}.appFrame{min-height:100vh;padding-bottom:96px}.garage{background:linear-gradient(180deg, color-mix(in srgb, var(--panel2) 92%, transparent), var(--bg));padding:18px 16px 10px}.garageTop,.editorHeader,.compareHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.garageTop p,.editorHeader p,.compareHeader p{color:var(--accent);text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}.garageTop h1,.editorHeader h1,.compareHeader h1{margin:0;font-size:clamp(1.55rem,6vw,2.2rem);line-height:1.05}.iconButton,.utilityDock button,.carGroup header button{border:1px solid var(--border);background:var(--panel);min-width:46px;min-height:46px;color:var(--text);border-radius:14px;place-items:center;display:grid}.highContrast{background:var(--accent);color:#07110f}.compareButton,.primaryAction{background:var(--accent);color:#07110f;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:52px;font-weight:850;display:inline-flex}.compareButton{width:100%;margin:18px 0 12px}.primaryAction:disabled{background:var(--panel2);color:var(--muted)}.fullWidth{width:100%}.searchBox{border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 86%, transparent);min-height:48px;color:var(--muted);border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.searchBox input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.carList{gap:14px;margin-top:14px;display:grid}.carGroup{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.carGroup header{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.carGroup h2{margin:0;font-size:1rem}.carGroup span,.tuneRow span,.tuneRow em,.editorHeader span,.emptyText{color:var(--muted);font-size:.86rem}.tuneRow{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:0 0;gap:4px;padding:14px;display:grid}.tuneRow.active{background:color-mix(in srgb, var(--accent) 17%, transparent);box-shadow:inset 4px 0 0 var(--accent)}.tuneRow strong{font-size:1rem}.tuneRow em{font-style:normal}.editor{padding:12px 14px 0}.editorHeader{padding:4px 2px 12px}.tabBar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:repeat(5,minmax(66px,1fr));gap:6px;margin:0 -14px;padding:8px 10px;display:grid;position:sticky;top:0;overflow-x:auto}.tabBar button{min-height:54px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:14px;place-items:center;gap:2px;font-size:.72rem;font-weight:750;display:grid}.tabBar button.active{border-color:color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--text)}.tabPanel{padding:14px 0 110px}.interactiveShell{touch-action:none;border:1px solid var(--border);background:#111;border-radius:18px;min-height:70vh;position:relative;overflow:hidden}.sheetHelp{z-index:5;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 48px 10px 12px;font-size:.78rem;font-weight:750;line-height:1.25;position:sticky;top:0}.zoomReset{z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);min-width:44px;min-height:44px;color:var(--text);border-radius:14px;place-items:center;display:grid;position:absolute;top:50px;right:10px}.transformWrapper,.transformContent{width:100%!important}.sheetCanvas{background:#f7f8f4;width:100%;position:relative}.sheetCanvas img,.miniSheet img{-webkit-user-select:none;user-select:none;width:100%;display:block}.hotspotLayer,.miniSheet svg{width:100%;height:100%;position:absolute;inset:0}.hotspotRect{fill:#38d6a80e;stroke:#087e636b;stroke-width:2px;cursor:pointer}.hotspotLabel{cursor:pointer;display:none}.hotspotLabel rect{fill:#087e63eb;stroke:#ffffffd1;stroke-width:2px}.hotspotLabel text{fill:#fff;pointer-events:none;font-size:15px;font-weight:900}.hole circle{fill:#38d6a842;stroke:#087e63f2;stroke-width:5px;cursor:pointer}.selectedHole circle{fill:var(--accent2);stroke:#111;stroke-width:4px;cursor:pointer}.selectedHole path{fill:none;stroke:#111;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.valueMarker{fill:#ffcc66c7;stroke:#00000094;stroke-width:2px;cursor:pointer}.hotspotLayer text{pointer-events:auto;fill:#121817;cursor:pointer;font-size:22px;font-weight:800}.hotspotLayer text.compactText{font-size:18px}.formSection{border:1px solid var(--border);background:var(--panel);border-radius:18px;margin-bottom:14px;padding:16px}.formSection h2{margin-bottom:14px;font-size:1.05rem}.fieldGrid{gap:12px;display:grid}.sectionScroller{gap:8px;margin:0 -14px 12px;padding:0 14px 4px;display:flex;overflow-x:auto}.sectionScroller button{border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--muted);border-radius:999px;flex:none;padding:0 14px;font-weight:850}.sectionScroller button.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--panel));color:var(--text)}.field{color:var(--muted);gap:8px;font-size:.83rem;font-weight:750;display:grid}.field input,.field select,.field textarea,.comparePickers select{border:1px solid var(--border);background:var(--panel2);width:100%;min-height:48px;color:var(--text);border-radius:14px;outline:none;padding:0 13px}.field textarea{resize:vertical;padding-top:12px}.inputWithUnit{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.inputWithUnit em{color:var(--muted);font-style:normal}.notesField textarea{min-height:48vh}.checkGroup{border:0;gap:8px;margin:0;padding:0;display:grid}.checkGroup legend{color:var(--muted);margin-bottom:4px;font-size:.83rem;font-weight:800}.checkGroup label{border:1px solid var(--border);background:var(--panel2);border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:0 12px;display:flex}.checkGroup input{width:22px;height:22px}.pdfPreviewPanel{gap:12px;display:grid}.previewActions{z-index:8;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;grid-template-columns:1fr auto;gap:8px;padding:8px;display:grid;position:sticky;top:72px}.previewActions button:not(.primaryAction){border:1px solid var(--border);background:var(--panel2);min-width:52px;min-height:52px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.pdfPreviewCanvas{border:1px solid var(--border);background:#fff;border-radius:18px;position:relative;overflow:hidden}.pdfPreviewCanvas img{width:100%;display:block}.pdfPreviewOverlay{color:#061312;pointer-events:none;position:absolute;inset:0}.pdfPreviewOverlay span{white-space:nowrap;text-overflow:ellipsis;background:#ffda7ac7;border-radius:4px;max-width:88px;padding:1px 3px;font-size:8px;font-weight:800;line-height:1.1;position:absolute;overflow:hidden;transform:translateY(-100%)}.pdfPreviewOverlay b,.pdfPreviewOverlay i{position:absolute;transform:translate(-50%,-50%)}.pdfPreviewOverlay b{color:#00745b;font-size:12px;font-weight:950}.pdfPreviewOverlay i{background:#fc6;border:1.5px solid #00745b;border-radius:50%;width:9px;height:9px}.photoUploader{border:1px dashed color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, transparent);min-height:122px;color:var(--text);text-align:center;border-radius:18px;place-items:center;gap:4px;font-weight:850;display:grid}.photoUploader small{color:var(--muted);font-size:.78rem}.photoUploader input{display:none}.photoStatus{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:14px;margin:10px 0 0;padding:10px 12px;font-size:.84rem;line-height:1.35}.photoGrid{gap:12px;margin-top:14px;display:grid}.photoCard{background:var(--panel);border-radius:18px;margin:0;overflow:hidden}.photoCard img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.photoCard figcaption{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.photoCard input{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);border-radius:12px;padding:0 10px}.photoCard button{background:color-mix(in srgb, var(--danger) 14%, transparent);min-width:42px;min-height:42px;color:var(--danger);border:0;border-radius:12px;place-items:center;display:grid}.historyList{gap:12px;margin-top:14px;display:grid}.historyItem{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:14px}.historyItem time{color:var(--muted);font-size:.78rem}.historyItem h3{margin:8px 0;font-size:1rem}.historyItem button{border:1px solid var(--border);background:var(--panel2);min-height:44px;color:var(--text);border-radius:12px}.stickySave{right:12px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:100;pointer-events:auto;border:1px solid var(--border);background:color-mix(in srgb, var(--panel) 84%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:10px;position:sticky;left:12px}.stickySave .primaryAction{width:100%}.utilityDock{z-index:3;gap:8px;display:flex;position:absolute;top:182px;right:22px}.utilityDock button{min-width:42px;min-height:42px}.sheetShade{z-index:40;background:#00000075;align-items:end;display:grid;position:fixed;inset:0}.bottomSheet{background:var(--panel);max-height:78vh;box-shadow:var(--shadow);border-radius:24px 24px 0 0;padding:10px 14px 18px;overflow:auto}.sheetHandle{background:var(--border);border-radius:999px;width:44px;height:5px;margin:0 auto 10px}.bottomSheetHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.bottomSheetHeader h2{margin:0;font-size:1.2rem}.optionGrid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.optionGrid button{border:1px solid var(--border);background:var(--panel2);min-height:58px;color:var(--text);border-radius:16px;font-weight:800}.optionGrid button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--panel2))}.compareView{min-height:100vh;padding:18px 14px 96px}.comparePickers{gap:10px;margin:16px 0;display:grid}.miniSheets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.miniSheets h2{min-height:38px;margin-bottom:8px;font-size:.9rem}.miniSheet{border:1px solid var(--border);background:#fff;border-radius:14px;position:relative;overflow:hidden}.miniSheet circle{fill:var(--accent2);stroke:#111;stroke-width:5px}.compareRows{gap:8px;margin-top:16px;display:grid}.compareRows article{border:1px solid var(--border);background:var(--panel);border-radius:14px;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;padding:12px;font-size:.84rem;display:grid}.compareRows article.changed{border-color:color-mix(in srgb, var(--accent2) 58%, var(--border));background:color-mix(in srgb, var(--accent2) 12%, var(--panel))}.compareRows strong{font-size:.82rem}.publicPage{background:var(--bg);min-height:100vh;padding:18px 14px 110px}.publicHero,.sharePanel,.publicSection,.profileHeader,.adminList section{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px}.publicHero{padding:18px}.publicHero p,.profileHeader p{color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:850}.publicHero h1,.profileHeader h1{margin-bottom:8px;font-size:clamp(1.7rem,8vw,3rem);line-height:1}.publicHero span,.profileHeader span,.sharePanel p,.publicSection p,.adminList p{color:var(--muted)}.sharePanel{gap:14px;margin-top:14px;padding:16px;display:grid}.qrBox{background:color-mix(in srgb, var(--accent) 10%, var(--panel2));min-height:176px;color:var(--text);border-radius:16px;place-items:center;display:grid}.publicActions{flex-wrap:wrap;gap:10px;display:flex}.publicActions button,.libraryList button{border:1px solid var(--border);background:var(--panel2);min-height:48px;color:var(--text);border-radius:14px}.publicActions button{align-items:center;gap:8px;padding:0 14px;font-weight:800;display:inline-flex}.publicSection{margin-top:14px;padding:14px}.publicSection h2{align-items:center;gap:8px;font-size:1.05rem;display:inline-flex}.publicDataGrid{gap:8px;margin:0;display:grid}.publicDataGrid div{border:1px solid var(--border);background:var(--panel2);border-radius:12px;grid-template-columns:minmax(104px,.6fr) 1fr;gap:10px;padding:10px;display:grid}.publicDataGrid dt{color:var(--muted);font-size:.78rem;font-weight:900}.publicDataGrid dd{align-items:center;gap:4px;margin:0;font-weight:850;display:inline-flex}.tagRow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tagRow span{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.publicStats{margin-top:12px;font-weight:800}.publicTimeline{gap:8px;display:grid}.publicTimeline article{border:1px solid var(--border);background:var(--panel2);border-radius:12px;gap:4px;padding:10px;display:grid}.publicTimeline span{color:var(--muted);font-size:.82rem}.libraryFilters{gap:10px;margin:14px 0;display:grid}.libraryFilters label,.libraryFilters select{border:1px solid var(--border);background:var(--panel);min-height:48px;color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.libraryFilters label select{background:0 0;border:0;flex:1;min-height:auto;padding:0}.libraryList{gap:10px;display:grid}.libraryList button{text-align:left;gap:4px;width:100%;padding:14px;display:grid}.libraryList span,.libraryList em,.libraryList small{color:var(--muted);font-style:normal}.communityLibrary.compact{gap:14px;display:grid}.communityRails{scrollbar-width:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.communityRails::-webkit-scrollbar{display:none}.communityRails button{border:1px solid var(--border);background:var(--panel2);min-height:42px;color:var(--text);white-space:nowrap;border-radius:999px;padding:0 13px;font-weight:850}.communityRails button.active{background:var(--accent);color:#07110f;border-color:#0000}.communityFilters label input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.communityFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.communityFeatureGrid section{border:1px solid var(--border);background:var(--panel);border-radius:16px;align-content:center;gap:4px;min-height:78px;padding:10px;display:grid}.communityFeatureGrid strong{font-size:1.02rem;line-height:1.05}.communityFeatureGrid span{color:var(--muted);font-size:.74rem;font-weight:850}.communityTuneList{gap:12px;display:grid}.communityTuneCard{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:18px;gap:12px;padding:12px;display:grid}.communityThumb{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:150px;padding:0;overflow:hidden}.communityThumb img{object-fit:cover;width:100%;height:170px;display:block}.communityTuneBody{gap:10px;display:grid}.communityTuneBody p,.communityTuneBody h2{margin:0}.communityTuneBody p{color:var(--accent);text-transform:uppercase;font-size:.74rem;font-weight:900}.communityTuneBody h2{font-size:1.12rem}.driverLink{width:fit-content;min-height:34px;color:var(--muted);text-align:left;background:0 0;border:0;padding:0;font-weight:850}.communityMeta,.communityStats{flex-wrap:wrap;gap:8px;display:flex}.communityMeta span,.communityStats span{border:1px solid var(--border);background:var(--panel2);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:6px 9px;font-size:.76rem;font-weight:850;display:inline-flex}.communityActions button{min-height:42px}.commentComposer{gap:8px;display:grid}.commentComposer textarea{border:1px solid var(--border);background:var(--panel2);min-height:88px;color:var(--text);resize:vertical;border-radius:14px;padding:10px}.commentList{gap:8px;display:grid}.commentList article{border-left:3px solid var(--accent);background:var(--panel2);border-radius:10px;gap:3px;padding:8px 10px;display:grid}.commentList span,.remixNote{color:var(--muted);font-size:.84rem}.trackChipGrid{flex-wrap:wrap;gap:8px;display:flex}.profileHeader{grid-template-columns:auto 1fr;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:grid}.avatar{background:color-mix(in srgb, var(--accent) 16%, var(--panel2));width:72px;height:72px;color:var(--accent);border-radius:18px;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.adminList{gap:12px;margin-top:14px;display:grid}.adminList section{padding:14px}.adminList code{background:var(--panel2);overflow-wrap:anywhere;border-radius:12px;padding:10px;display:block}.calibrationToolbar,.calibrationPanel,.calibrationCanvas{border:1px solid var(--border);background:var(--panel);border-radius:18px}.calibrationToolbar{gap:10px;margin-top:14px;padding:12px;display:grid}.calibrationToolbar label,.calibrationPanel label{color:var(--muted);gap:6px;font-size:.78rem;font-weight:800;display:grid}.calibrationToolbar select,.calibrationToolbar button,.calibrationPanel input,.calibrationPanel select,.calibrationPanel textarea,.jsonTools button,.importButton{border:1px solid var(--border);background:var(--panel2);min-height:44px;color:var(--text);border-radius:12px;padding:0 10px}.calibrationGrid{gap:14px;margin-top:14px;display:grid}.calibrationCanvas{background:#fff;position:relative;overflow:hidden}.calibrationCanvas img{width:100%;display:block}.calibrationCanvas svg{width:100%;height:100%;position:absolute;inset:0}.calibrationCanvas rect{fill:#ffcc6629;stroke:#087e63e6;stroke-width:.002px;cursor:pointer}.pdfMapperCanvas circle,.pdfMapperCanvas rect{fill:#ffcc666b;stroke:#087e63e6;stroke-width:1.4px}.calibrationCanvas rect.calibrationSelected{fill:#38d6a83d;stroke:#fc6;stroke-width:.004px}.pdfMapperCanvas circle.calibrationSelected{fill:#38d6a875;stroke:#fc6}.calibrationPanel{gap:10px;padding:14px;display:grid}.pdfCoordReadout{background:color-mix(in srgb, var(--accent) 12%, var(--panel2));color:var(--accent);border-radius:12px;margin:0;padding:10px;font-weight:850}.calibrationPanel textarea{width:100%;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.mapperPreviewFrame{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;min-height:340px}.jsonTools{gap:10px;display:grid}.jsonTools div{flex-wrap:wrap;gap:8px;display:flex}.jsonTools button,.importButton{align-items:center;gap:8px;display:inline-flex}.importButton input{display:none}.myTunesToolbar{gap:10px;display:grid}.compactSearch{margin:0}.myTunesList{gap:12px;display:grid}.myTuneCard{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, white), var(--panel2));box-shadow:var(--shadow);border-radius:16px;gap:12px;padding:14px;display:grid}.myTuneCard.active{border-color:color-mix(in srgb, var(--accent) 70%, var(--border))}.myTuneMain{width:100%;min-height:72px;color:var(--text);text-align:left;background:0 0;border:0;gap:5px;padding:0;display:grid}.myTuneMain strong{font-size:1rem}.myTuneMain span,.myTuneMain em{color:var(--muted);font-size:.86rem;font-style:normal;line-height:1.35}.myTuneActions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.myTuneActions button,.dangerAction{border:1px solid var(--border);background:var(--panel);min-height:44px;color:var(--text);border-radius:12px;font-weight:800}.myTuneActions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.myTuneActions .dangerAction,.destructive{border-color:color-mix(in srgb, var(--danger) 46%, var(--border));color:var(--danger)}.modalShade{z-index:1000;padding:max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));background:#00000094;place-items:center;display:grid;position:fixed;inset:0}.confirmModal{border:1px solid var(--border);background:var(--panel);width:min(100%,460px);max-height:min(78vh,560px);box-shadow:var(--shadow);border-radius:22px;margin:0 auto;padding:18px;overflow:auto}.confirmModal h2{margin:0 0 8px;font-size:1.2rem}.confirmModal p{color:var(--muted);margin:0 0 16px;line-height:1.45}.primaryAction.destructive{background:color-mix(in srgb, var(--danger) 88%, #111);color:#fff}.adminManagement{gap:12px;margin:14px 0 22px;display:grid}.adminManagement .appCard{gap:10px;display:grid}.adminListCard h2,.adminSubHeader h2{margin:0;font-size:1.05rem}.adminItemRow{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.adminItemRow div{gap:3px;min-width:0;display:grid}.adminItemRow span,.adminSubHeader span{color:var(--muted);font-size:.85rem}.adminItemRow .dangerAction{justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.adminSubHeader{gap:6px;margin:20px 0 12px;display:grid}.adminSubHeader p{color:var(--accent);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}@media (width>=820px){.appFrame{grid-template-columns:minmax(300px,360px) 1fr;padding-bottom:0;display:grid}.garage{height:100vh;position:sticky;top:0;overflow:auto}.editor{width:100%;max-width:960px;margin:0 auto;padding:22px 22px 0}.fieldGrid,.photoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fieldWide,.notesField{grid-column:1/-1}.stickySave{position:sticky;bottom:96px;left:auto;right:24px}.utilityDock{display:grid;position:fixed;top:auto;bottom:96px;right:12px}.compareView{max-width:1100px;margin:0 auto}.comparePickers{grid-template-columns:1fr 1fr}.publicPage{max-width:1100px;margin:0 auto}.sharePanel,.libraryFilters,.communityTuneCard{grid-template-columns:220px 1fr}.communityThumb img{height:100%;min-height:180px}.calibrationGrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.calibrationPanel{position:sticky;top:12px}}:root{--bg:#020303;--panel:#0b0d0f;--panel2:#121519;--text:#f6f7f7;--muted:#a3a8ad;--border:#ffffff1f;--accent:#fff;--accent2:#ffc400;--shadow:0 22px 60px #0000008f;--glass:linear-gradient(180deg, #191c20e0, #07080aeb)}:root[data-theme=light]{--bg:#f2f3f4;--panel:#fff;--panel2:#eceff2;--text:#08090b;--muted:#5f6670;--border:#0000001f;--accent:#050505;--accent2:#c89100;--glass:linear-gradient(180deg, #fffffff0, #ebeef1f5)}body{background:linear-gradient(#ffffff09,#0000 22%),radial-gradient(circle at 55% 0,#ffffff14,#0000 31%),#020303}.desktopSideRail,.desktopTopBar,.desktopRightRail{display:none}.mobileShell{background:radial-gradient(circle at 18% 0%, #ffffff14, transparent 28%), linear-gradient(180deg, #070809 0%, var(--bg) 48%)}.pageHeader p,.heroPanel p,.dashboardSection h2{color:var(--text);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:900}.pageHeader h1{letter-spacing:0;font-weight:950}.appCard,.heroPanel,.searchResults,.globalSearch label,.carDetailPanel,.builderSectionCard,.communityTuneCard,.rightPanel,.myTuneCard{background:linear-gradient(180deg, #ffffff0e, #ffffff04), var(--panel);border-color:#ffffff21;box-shadow:inset 0 1px #ffffff0f,0 18px 50px #00000061}.heroPanel{background:linear-gradient(90deg,#000000eb 0%,#000000c2 38%,#0003 100%),radial-gradient(at 72% 44%,#ffffff3d,#0000 18%),linear-gradient(135deg,#0d0f12,#030303 72%);border-radius:10px;align-content:end;min-height:260px;padding:22px;position:relative;overflow:hidden}.heroPanel:before{content:"";aspect-ratio:2.3;opacity:.9;background:linear-gradient(#ffffffbf,#ffffff1a 12%,#000000d9 35%),linear-gradient(90deg,#0000 8%,#fff3 9%,#0000 11% 24%,#ffffff29 25%,#0000 27%),#050505;border-radius:48% 42% 20% 18%;width:62%;position:absolute;bottom:4%;right:-8%;transform:skew(-13deg);box-shadow:0 30px 70px #000c}.heroPanel:after{content:"";filter:blur(18px);background:#ffffff38;border-radius:50%;width:42%;height:18px;position:absolute;bottom:7%;right:6%}.heroPanel>*{z-index:1;position:relative}.heroPanel h2{max-width:520px;font-size:clamp(1.65rem,8vw,2.65rem);font-weight:950}.heroPanel .primaryAction,.heroPanel .smallPill{width:fit-content;min-width:148px}.primaryAction{color:#08090b;background:linear-gradient(#fff,#dfe1e4);border:1px solid #ffffff57;box-shadow:0 0 0 1px #ffffff14,0 12px 28px #ffffff14}.smallPill,.iconButton,.compareButton{color:var(--text);background:#ffffff0a;border-color:#ffffff2e}.quickGrid .appCard,.placeholderGrid .appCard,.engagementStrip .appCard{border-radius:9px}.bottomNav{background:#040506eb;border-top:1px solid #ffffff24}.bottomNav button{border-radius:8px}.bottomNav button.active{color:#fff;background:linear-gradient(#ffffff29,#ffffff0d);box-shadow:inset 3px 0 #fff}.bottomNav button.active svg,.appCard svg{color:#fff}@media (width>=1180px){.mobileShell{background:#030303;grid-template-columns:250px minmax(0,1fr);gap:12px;min-height:100vh;padding:12px;display:grid}.desktopSideRail,.desktopTopBar,.desktopRightRail{display:block}.desktopSideRail,.desktopRightRail{background:linear-gradient(#0c0e10f5,#020304fa);border:1px solid #ffffff1f;height:calc(100vh - 24px);position:sticky;top:12px;overflow:auto;box-shadow:inset 0 1px #ffffff0d}.desktopSideRail{grid-template-rows:auto auto auto 1fr;gap:20px;padding:18px 14px;display:grid}.brandMark{background:0 0;border:0;min-height:54px;padding:0;display:block}.brandMark img{object-fit:contain;object-position:left center;filter:drop-shadow(0 10px 18px #0088ff1f);width:100%;height:54px;display:block}.desktopSideRail nav,.collectionRail{gap:8px;display:grid}.desktopSideRail nav button,.collectionRail button{min-height:44px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;font-weight:800;display:flex}.desktopSideRail nav button span{flex:1}.desktopSideRail nav button.active{color:#fff;background:linear-gradient(90deg,#ffffff2e,#ffffff14);box-shadow:-10px 0 14px #ffffff2e,inset 3px 0 #fff}.desktopSideRail nav i,.collectionRail i{color:#fff;background:#ffffff1c;border-radius:999px;place-items:center;min-width:22px;min-height:22px;font-size:.72rem;font-style:normal;display:grid}.collectionRail{border-top:1px solid #ffffff1a;padding-top:18px}.collectionRail header{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding:0 10px 4px;font-size:.75rem;font-weight:950;display:flex}.collectionRail header button{color:#fff;background:#ffffff14;border-radius:7px;width:36px;min-width:36px;min-height:36px}.proTip{background:radial-gradient(circle at 80% 80%,#ffffff2e,#0000 35%),#ffffff0a;border:1px solid #ffffff24;border-radius:9px;align-self:end;gap:8px;padding:15px;display:grid}.proTip small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:950}.proTip button{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:7px;min-height:36px;font-weight:850}.desktopMain{z-index:1;min-width:0;position:relative}.desktopTopBar{grid-template-columns:minmax(260px,1fr) auto auto minmax(118px,170px);align-items:center;gap:14px;min-width:0;min-height:58px;margin-bottom:10px;display:grid;overflow:hidden}.desktopSearch{height:38px;color:var(--muted);background:#ffffff09;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:12px;min-width:0;padding:0 14px;display:flex}.desktopSearch input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.desktopSearch kbd{color:#fff;border:1px solid #ffffff24;border-radius:6px;padding:2px 6px;font-size:.72rem}.desktopCreate{color:#07080a;white-space:nowrap;background:linear-gradient(#fff,#e6e7ea);border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:9px;height:38px;padding:0 18px;font-weight:900;display:inline-flex}.desktopBell{color:#fff;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:relative}.desktopBell i{color:#050505;background:#fff;border-radius:999px;place-items:center;width:17px;height:17px;font-size:.65rem;font-style:normal;font-weight:950;display:grid;position:absolute;top:4px;right:4px}.desktopUser{color:#fff;text-align:left;background:0 0;border:0;grid-template-rows:1fr 1fr;grid-template-columns:38px auto 18px;align-items:center;gap:0 10px;min-width:0;display:grid;overflow:hidden}.desktopUser span{color:#fff;background:linear-gradient(135deg,#d8d8d8,#34383d);border-radius:50%;grid-row:1/3;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.desktopUser em{color:var(--muted);font-size:.72rem;font-style:normal}.desktopUser strong,.desktopUser em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.desktopUser svg{grid-row:1/3}.shellContent{width:100%;max-width:none;padding-bottom:0}.appPage,.builderPage{padding:0}.appPage{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.appPage>*{grid-column:1/-1}.pageHeader,.homeBrandHeader{display:none}.heroPanel{border-radius:9px;min-height:292px}.engagementStrip,.globalSearch,.quickGrid{display:none}.dashboardSection{background:#ffffff08;border:1px solid #ffffff21;border-radius:9px;padding:12px}.dashboardSection:nth-of-type(2){grid-column:1/-1}.sectionStack{grid-template-columns:repeat(4,minmax(0,1fr))}.placeholderGrid{grid-column:1/-1;grid-template-columns:1.05fr .95fr}.bottomNav{background:linear-gradient(#0e1012f5,#030405f5);border:1px solid #ffffff21;border-radius:16px;width:auto;min-height:64px;padding:8px;bottom:12px;left:262px;right:12px;transform:none;box-shadow:0 18px 50px #00000085,inset 0 1px #ffffff14}.bottomNav button{border-radius:10px;min-height:48px}.desktopRightRail{background:0 0;border:0;align-content:start;gap:10px;margin-top:68px;padding:0;display:grid}.rightPanel{border:1px solid #ffffff21;border-radius:9px;gap:12px;padding:14px;display:grid}.rightPanel h2{color:#fff;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:950}.overviewGrid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.overviewGrid strong{background:#ffffff09;border:1px solid #ffffff1c;border-radius:7px;place-items:center;gap:5px;min-height:70px;font-size:1.35rem;display:grid}.overviewGrid span{color:var(--muted);font-size:.68rem;font-weight:700}.garagePreview{background:radial-gradient(at 76% 35%,#ffffff29,#0000 24%),linear-gradient(#ffffff0f,#ffffff05),#08090b;min-height:305px}.garagePreview p{margin:0;font-size:1.25rem;font-weight:950}.garagePreview small{color:#fff;text-transform:uppercase;border:1px solid #ffffff2e;border-radius:5px;width:fit-content;margin-top:4px;padding:2px 7px;font-size:.68rem;font-weight:850;display:inline-flex}.garagePreview dl{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding-top:12px;display:grid}.garagePreview dt{color:var(--muted);font-size:.7rem}.garagePreview dd{color:#fff;margin:3px 0 0;font-size:.8rem;font-weight:800}.garagePreview button,.activityPanel button{color:#fff;background:#ffffff08;border:1px solid #ffffff2e;border-radius:7px;min-height:36px;font-weight:850}.activityPanel article{min-height:48px;color:var(--muted);border-top:1px solid #ffffff14;grid-template-columns:22px 1fr;align-items:center;gap:8px;font-size:.8rem;display:grid}}@media (width<=520px){.heroPanel{min-height:230px}.heroPanel:before{opacity:.5;width:82%;right:-24%}.heroPanel .primaryAction,.heroPanel .smallPill{width:100%}}