.appRoot{--theme-surface:#fff;--theme-surface-translucent:#ffffffd1;--theme-surface-subtle:#f8fafc;--theme-surface-muted:#edf0f3;--theme-line-strong:#cfd6df;--theme-blue-text:#175cd3;--theme-green-text:#067647;--theme-amber-text:#b54708;--theme-red-text:#b42318;--theme-blue-soft:#eef4ff;--theme-green-soft:#ecfdf3;--theme-red-soft:#fef3f2;--theme-amber-soft:#fffaeb;--theme-blue-line:#cfddf8;--theme-green-line:#abefc6;--theme-red-line:#fecdca;--theme-amber-line:#fedf89;--theme-strong-surface:#101828;--theme-nav-active-top:#f6f9ff;--theme-nav-active-bottom:#edf4ff;--theme-nav-active-hover-top:#f3f7ff;--theme-nav-active-hover-bottom:#e8f1ff;--theme-blue-chip:#dbe8ff;--theme-mobile-nav-bg:#fffffff5;--theme-mobile-nav-shadow:0 16px 42px #10182829;--theme-autocomplete-bg:#fffffffa;--theme-autocomplete-shadow:0 18px 48px #10182829}.appRoot[data-theme=dark]{--bg:#0a1119;--surface:#111a24;--surface-dark:#172536;--text:#f2f4f7;--muted:#9aa9b8;--line:#293746;--blue:#5b8def;--green:#32b777;--blue-soft:#14243a;--green-soft:#12291f;--amber:#f5a524;--amber-soft:#2b2112;--red:#f97066;--red-soft:#2d1718;--shadow:0 24px 70px #00000057;--theme-surface:#111a24;--theme-surface-translucent:#111a24d6;--theme-surface-subtle:#16212d;--theme-surface-muted:#1c2835;--theme-line-strong:#3a4a5b;--theme-blue-text:#84adff;--theme-green-text:#75e0a7;--theme-amber-text:#fec84b;--theme-red-text:#fda29b;--theme-blue-soft:#152943;--theme-green-soft:#132c22;--theme-red-soft:#321a1c;--theme-amber-soft:#302514;--theme-blue-line:#31537f;--theme-green-line:#285b42;--theme-red-line:#6a3333;--theme-amber-line:#66502a;--theme-strong-surface:#1a2939;--theme-nav-active-top:#172b45;--theme-nav-active-bottom:#13253c;--theme-nav-active-hover-top:#1b3150;--theme-nav-active-hover-bottom:#162a44;--theme-blue-chip:#1b3556;--theme-mobile-nav-bg:#111a24f5;--theme-mobile-nav-shadow:0 18px 46px #00000057;--theme-autocomplete-bg:#111a24fa;--theme-autocomplete-shadow:0 18px 48px #00000057;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.themePreference{border:0;min-width:0;margin:2px 0 0;padding:0}.themePreference legend{color:#344054;margin:0 0 7px;padding:0;font-size:12px;font-weight:800}.themePreference>.fieldHelp{margin:0}.themeOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px;display:grid}.themeOption{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:12px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid;position:relative}.themeOption:hover{border-color:#98a2b3;transform:translateY(-1px)}.themeOption:has(input:checked){border-color:#8fb3ff;box-shadow:0 0 0 3px #2563eb1a}.themeOption:has(input:focus-visible){outline-offset:2px;outline:3px solid #2563eb3d}.themeOption input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.themeOptionPreview{border:1px solid;border-radius:8px;grid-template-rows:10px 1fr;gap:6px;height:66px;padding:7px;display:grid;overflow:hidden}.themeOptionPreviewLight{background:#f4f6f8;border-color:#dfe4ea}.themeOptionPreviewDark{background:#0a1119;border-color:#334354}.themePreviewTopbar{border-radius:4px}.themeOptionPreviewLight .themePreviewTopbar{background:#fff;box-shadow:inset 0 -1px #dfe4ea}.themeOptionPreviewDark .themePreviewTopbar{background:#111a24;box-shadow:inset 0 -1px #293746}.themePreviewContent{grid-template-rows:repeat(2,1fr);grid-template-columns:1.15fr .85fr;gap:5px;display:grid}.themePreviewContent i{border-radius:4px;display:block}.themePreviewContent i:first-child{grid-row:1/-1}.themeOptionPreviewLight .themePreviewContent i{background:#fff;border:1px solid #dfe4ea}.themeOptionPreviewLight .themePreviewContent i:last-child{background:#eef4ff}.themeOptionPreviewDark .themePreviewContent i{background:#111a24;border:1px solid #293746}.themeOptionPreviewDark .themePreviewContent i:last-child{background:#152943;border-color:#31537f}.themeOptionCopy{gap:4px;min-width:0;display:grid}.themeOptionCopy strong{color:var(--text);font-size:12px}.themeOptionCopy small{color:var(--muted);font-size:10px;line-height:1.45}.themePreference>.fieldError{margin:8px 0 0}.appRoot[data-theme=dark] .formField label,.appRoot[data-theme=dark] .labelRow,.appRoot[data-theme=dark] .themePreference legend{color:var(--text)}.appRoot[data-theme=dark] .formField input,.appRoot[data-theme=dark] .formField select,.appRoot[data-theme=dark] .locationPickerField input[type=search],.appRoot[data-theme=dark] .dashboardFilterField input[type=search]{border-color:var(--theme-line-strong);background:var(--theme-surface);color:var(--text)}.appRoot[data-theme=dark] .formField input:hover,.appRoot[data-theme=dark] .formField select:hover,.appRoot[data-theme=dark] .themeOption:hover{border-color:#526579}.appRoot[data-theme=dark] .fieldHelp{color:var(--muted)}.appRoot[data-theme=dark] .eyebrow,.appRoot[data-theme=dark] .eyebrow.dark{color:#a8b6c5}.appRoot[data-theme=dark] .fieldError{color:var(--theme-red-text)}.appRoot[data-theme=dark] .formFeedback.error,.appRoot[data-theme=dark] .appNotice.error{border-color:var(--theme-red-line);background:var(--theme-red-soft);color:var(--theme-red-text)}.appRoot[data-theme=dark] .formFeedback.success,.appRoot[data-theme=dark] .appNotice.success{border-color:var(--theme-green-line);background:var(--theme-green-soft);color:var(--theme-green-text)}.appRoot[data-theme=dark] .secondaryButton{border-color:var(--line);background:var(--theme-surface-translucent);color:var(--text)}.appRoot[data-theme=dark] .secondaryButton:hover{background:var(--theme-surface-subtle)}.appRoot[data-theme=dark] .primaryButton,.appRoot[data-theme=dark] .authSubmit{color:#fff;background:#203249}.appRoot[data-theme=dark] .primaryButton:hover,.appRoot[data-theme=dark] .authSubmit:hover:not(:disabled){background:#29405c}.appRoot[data-theme=dark] .brandLogo:not(.brandLogo--mark){filter:brightness(0)invert();opacity:.94}body:has(.appRoot[data-theme=dark]){background:#0a1119}body:has(.appRoot[data-theme=dark]) .projectAttribution{color:#9aa9b8;background:#0a1119;border-top-color:#293746}body:has(.appRoot[data-theme=dark]) .projectAttributionByline{color:#d9e2ec}.appRoot[data-theme=dark] .tripFuelStatusWarning,.appRoot[data-theme=dark] .tripNoMarketData{background:var(--theme-amber-soft)}.appRoot[data-theme=dark] .alertKindBadge,.appRoot[data-theme=dark] .alertPromiseCard,.appRoot[data-theme=dark] .alertTypeOption.selected,.appRoot[data-theme=dark] .alertTypeOptionEyebrow,.appRoot[data-theme=dark] .tripMapControls button:hover,.appRoot[data-theme=dark] .tripProvinceChain span{background:var(--theme-blue-soft)}.appRoot[data-theme=dark] .appNotice.success,.appRoot[data-theme=dark] .comparisonPrice--cheapest,.appRoot[data-theme=dark] .tripFuelStatusGood,.appRoot[data-theme=dark] .tripRecommendationTag{background:var(--theme-green-soft)}.appRoot[data-theme=dark] .appNotice.error,.appRoot[data-theme=dark] .comparisonPrice--priciest,.appRoot[data-theme=dark] .dangerZone,.appRoot[data-theme=dark] .errorPanel{background:var(--theme-red-soft)}.appRoot[data-theme=dark] .alertPromiseIcon,.appRoot[data-theme=dark] .authAsidePreview,.appRoot[data-theme=dark] .tripCalculateButton:hover:not(:disabled),.appRoot[data-theme=dark] .tripRecommendationActions a:first-child,.appRoot[data-theme=dark] .tripStopNumber,.appRoot[data-theme=dark] .tripTopStopActions a:first-child,.appRoot[data-theme=dark] .tripTopStopRank>span{background:var(--theme-strong-surface)}.appRoot[data-theme=dark] .addressResults button,.appRoot[data-theme=dark] .appHeader,.appRoot[data-theme=dark] .browserToolbar,.appRoot[data-theme=dark] .comparisonForm select,.appRoot[data-theme=dark] .comparisonSelectorCard,.appRoot[data-theme=dark] .comparisonSharedControls select,.appRoot[data-theme=dark] .dailyAlertCard,.appRoot[data-theme=dark] .dashboardFilterField select,.appRoot[data-theme=dark] .favoriteButton,.appRoot[data-theme=dark] .historyFilter select,.appRoot[data-theme=dark] .locationPickerField input[type=search],.appRoot[data-theme=dark] .logoutButton,.appRoot[data-theme=dark] .plannerInputGrid input,.appRoot[data-theme=dark] .plannerInputGrid select,.appRoot[data-theme=dark] .plannerMunicipalityForm select,.appRoot[data-theme=dark] .plannerStationLink,.appRoot[data-theme=dark] .productPreview,.appRoot[data-theme=dark] .projectAttribution,.appRoot[data-theme=dark] .stationPeriodForm select,.appRoot[data-theme=dark] .tripAlternativeGrid article,.appRoot[data-theme=dark] .tripLocationInputWrap input,.appRoot[data-theme=dark] .tripMapAttribution,.appRoot[data-theme=dark] .tripMapControls,.appRoot[data-theme=dark] .tripMapControls button,.appRoot[data-theme=dark] .tripMapLegend,.appRoot[data-theme=dark] .tripRecommendationActions a,.appRoot[data-theme=dark] .tripTopStopActions a,.appRoot[data-theme=dark] .tripTopStopCard,.appRoot[data-theme=dark] .tripVehicleGrid input,.appRoot[data-theme=dark] .tripVehicleGrid select,.appRoot[data-theme=dark] .tripZoneCard{background:var(--theme-surface)}.appRoot[data-theme=dark] .tripLoadingCards span,.appRoot[data-theme=dark] .tripLoadingMap,.appRoot[data-theme=dark] .tripMapSvg,.appRoot[data-theme=dark] .tripMapViewport{background:var(--theme-surface-muted)}.appRoot[data-theme=dark] .accountLink:hover,.appRoot[data-theme=dark] .addressResults button:hover,.appRoot[data-theme=dark] .adminEmptyState,.appRoot[data-theme=dark] .alertCard,.appRoot[data-theme=dark] .alertEmptyState,.appRoot[data-theme=dark] .alertState,.appRoot[data-theme=dark] .alertTypeOption,.appRoot[data-theme=dark] .appContextMeta>span,.appRoot[data-theme=dark] .appNav a:hover,.appRoot[data-theme=dark] .browserAddress,.appRoot[data-theme=dark] .browserStatus,.appRoot[data-theme=dark] .emailStatus,.appRoot[data-theme=dark] .logoutButton:hover:not(:disabled),.appRoot[data-theme=dark] .plannerMarketSummary,.appRoot[data-theme=dark] .rankingsSection,.appRoot[data-theme=dark] .runStatus,.appRoot[data-theme=dark] .savingLine,.appRoot[data-theme=dark] .tripAlternativeRank,.appRoot[data-theme=dark] .tripProvinceChain,.appRoot[data-theme=dark] .tripTopStopMetrics div{background:var(--theme-surface-subtle)}.appRoot[data-theme=dark] .appContextBar,.appRoot[data-theme=dark] .decisionSignal,.appRoot[data-theme=dark] .tripIntroSteps span,.appRoot[data-theme=dark] .tripRecommendationMetrics div{background:var(--theme-surface-translucent)}.appRoot[data-theme=dark] .historyLatestPanel dl div,.appRoot[data-theme=dark] .ingestionTable td,.appRoot[data-theme=dark] .ingestionTable th,.appRoot[data-theme=dark] .marketLeadPrice{border-bottom-color:var(--line)}.appRoot[data-theme=dark] .alertTypeOption,.appRoot[data-theme=dark] .appContextMeta>span,.appRoot[data-theme=dark] .decisionSignal,.appRoot[data-theme=dark] .favoritePriceGrid,.appRoot[data-theme=dark] .tripAlternativeGrid article,.appRoot[data-theme=dark] .tripMandatoryStops article,.appRoot[data-theme=dark] .tripMapControls button,.appRoot[data-theme=dark] .tripMetricGrid,.appRoot[data-theme=dark] .tripProvinceChain,.appRoot[data-theme=dark] .tripTopStopCard,.appRoot[data-theme=dark] .tripTopStopMetrics div,.appRoot[data-theme=dark] .tripZoneCard{border-color:var(--line)}.appRoot[data-theme=dark] .configurationNotice,.appRoot[data-theme=dark] .favoriteButton.compact:hover:not(:disabled),.appRoot[data-theme=dark] .rankingList li:first-child .rankingPosition,.appRoot[data-theme=dark] .tripFuelStatusWarning,.appRoot[data-theme=dark] .tripNoMarketData{border-color:var(--theme-amber-line)}.appRoot[data-theme=dark] .alertPromiseCard,.appRoot[data-theme=dark] .decisionHero{border-color:var(--theme-blue-line)}.appRoot[data-theme=dark] .appNotice.success,.appRoot[data-theme=dark] .comparisonPrice--cheapest,.appRoot[data-theme=dark] .decisionSignal--down,.appRoot[data-theme=dark] .plannerDecisionSummary,.appRoot[data-theme=dark] .tripBetaBadge,.appRoot[data-theme=dark] .tripFuelStatusGood{border-color:var(--theme-green-line)}.appRoot[data-theme=dark] .addressSearchForm input,.appRoot[data-theme=dark] .comparisonForm select,.appRoot[data-theme=dark] .comparisonSharedControls select,.appRoot[data-theme=dark] .dashboardFilterField select,.appRoot[data-theme=dark] .favoriteButton,.appRoot[data-theme=dark] .historyFilter select,.appRoot[data-theme=dark] .locationPickerField input[type=search],.appRoot[data-theme=dark] .logoutButton:hover:not(:disabled),.appRoot[data-theme=dark] .plannerInputGrid input,.appRoot[data-theme=dark] .plannerInputGrid select,.appRoot[data-theme=dark] .plannerMunicipalityForm select,.appRoot[data-theme=dark] .stationPeriodForm select,.appRoot[data-theme=dark] .tripLocationInputWrap input,.appRoot[data-theme=dark] .tripMapViewport,.appRoot[data-theme=dark] .tripRecommendationActions a,.appRoot[data-theme=dark] .tripTopStopActions a,.appRoot[data-theme=dark] .tripVehicleGrid input,.appRoot[data-theme=dark] .tripVehicleGrid select{border-color:var(--theme-line-strong)}.appRoot[data-theme=dark] .appNotice.error,.appRoot[data-theme=dark] .comparisonPrice--priciest,.appRoot[data-theme=dark] .dangerZone,.appRoot[data-theme=dark] .decisionSignal--up,.appRoot[data-theme=dark] .errorPanel{border-color:var(--theme-red-line)}.appRoot[data-theme=dark] .favoritePriceGrid>div+div,.appRoot[data-theme=dark] .tripMetricGrid article{border-left-color:var(--line)}.appRoot[data-theme=dark] .plannerDecisionMetric{border-left-color:var(--theme-green-line)}.appRoot[data-theme=dark] .appNav,.appRoot[data-theme=dark] .brandTable td,.appRoot[data-theme=dark] .brandTable th,.appRoot[data-theme=dark] .favoritePriceGrid>div+div,.appRoot[data-theme=dark] .movementColumn>p,.appRoot[data-theme=dark] .movementColumn li,.appRoot[data-theme=dark] .notificationList article,.appRoot[data-theme=dark] .rankingList li,.appRoot[data-theme=dark] .tripMetricGrid article,.appRoot[data-theme=dark] .tripMetricGrid article:nth-child(3),.appRoot[data-theme=dark] .tripMetricGrid article:nth-child(4),.appRoot[data-theme=dark] .tripSearchFooter,.appRoot[data-theme=dark] .tripVehicleGrid{border-top-color:var(--line)}.appRoot[data-theme=dark] .plannerDecisionMetric{border-top-color:var(--theme-green-line)}.appRoot[data-theme=dark] .accountLink,.appRoot[data-theme=dark] .alertState,.appRoot[data-theme=dark] .appContextMeta>span,.appRoot[data-theme=dark] .appContextPrimary small,.appRoot[data-theme=dark] .authAlternative,.appRoot[data-theme=dark] .authAsidePreviewList span,.appRoot[data-theme=dark] .authAsidePreviewMetricRow small,.appRoot[data-theme=dark] .authFooterNote,.appRoot[data-theme=dark] .backLink,.appRoot[data-theme=dark] .browserAddress,.appRoot[data-theme=dark] .browserStatus,.appRoot[data-theme=dark] .comparisonForm label,.appRoot[data-theme=dark] .comparisonInsight p,.appRoot[data-theme=dark] .comparisonMarketMeta,.appRoot[data-theme=dark] .comparisonSharedControls label,.appRoot[data-theme=dark] .dangerAcknowledgement,.appRoot[data-theme=dark] .dangerZoneContent>p,.appRoot[data-theme=dark] .dashboardFilterField label,.appRoot[data-theme=dark] .dashboardFootnote a,.appRoot[data-theme=dark] .decisionHeroMeta,.appRoot[data-theme=dark] .decisionHeroText,.appRoot[data-theme=dark] .decisionScore>span,.appRoot[data-theme=dark] .decisionScore small,.appRoot[data-theme=dark] .decisionSignal,.appRoot[data-theme=dark] .emailStatus,.appRoot[data-theme=dark] .historyFilter label,.appRoot[data-theme=dark] .longTermDay small,.appRoot[data-theme=dark] .panelLabel,.appRoot[data-theme=dark] .plannerDecisionSummary p:not(.panelLabel),.appRoot[data-theme=dark] .plannerInputGrid label,.appRoot[data-theme=dark] .plannerMarketSummary,.appRoot[data-theme=dark] .plannerMunicipalityForm label,.appRoot[data-theme=dark] .plannerPrimaryMetric span,.appRoot[data-theme=dark] .previewDisclaimer,.appRoot[data-theme=dark] .projectAttribution,.appRoot[data-theme=dark] .radarExplainContent p,.appRoot[data-theme=dark] .radarFactor>div:first-child small,.appRoot[data-theme=dark] .radarGauge small,.appRoot[data-theme=dark] .rankingPosition,.appRoot[data-theme=dark] .rankingPrice small,.appRoot[data-theme=dark] .rankingSaving small,.appRoot[data-theme=dark] .runStatus,.appRoot[data-theme=dark] .savingLine,.appRoot[data-theme=dark] .stationPriceCard>p,.appRoot[data-theme=dark] .trendDay small,.appRoot[data-theme=dark] .tripAlternativeGrid p,.appRoot[data-theme=dark] .tripAlternativeGrid small,.appRoot[data-theme=dark] .tripAlternativeRank,.appRoot[data-theme=dark] .tripCoverageNote,.appRoot[data-theme=dark] .tripFormStatus,.appRoot[data-theme=dark] .tripInputSuffix span,.appRoot[data-theme=dark] .tripIntroSteps span,.appRoot[data-theme=dark] .tripMandatoryStops p:not(.panelLabel),.appRoot[data-theme=dark] .tripMapAttribution,.appRoot[data-theme=dark] .tripMapHelp,.appRoot[data-theme=dark] .tripMapLegend,.appRoot[data-theme=dark] .tripMetricGrid span,.appRoot[data-theme=dark] .tripProvinceChain div:not(:last-child):after,.appRoot[data-theme=dark] .tripRecommendationCopy>p:not(.panelLabel):not(.tripRecommendationPlace),.appRoot[data-theme=dark] .tripRecommendationMetrics dt,.appRoot[data-theme=dark] .tripSectionDescription,.appRoot[data-theme=dark] .tripSectionHeading>span,.appRoot[data-theme=dark] .tripSummaryRoute h2 span,.appRoot[data-theme=dark] .tripTopStopMain p,.appRoot[data-theme=dark] .tripTopStopMain small,.appRoot[data-theme=dark] .tripTopStopMetrics dt,.appRoot[data-theme=dark] .tripZoneCard dt,.appRoot[data-theme=dark] .tripZoneCard p{color:var(--muted)}.appRoot[data-theme=dark] .addressResults button,.appRoot[data-theme=dark] .alertTypeOption small,.appRoot[data-theme=dark] .authAsideItem p,.appRoot[data-theme=dark] .favoriteButton,.appRoot[data-theme=dark] .logoutButton,.appRoot[data-theme=dark] .plannerResultCard dd,.appRoot[data-theme=dark] .projectAttributionByline,.appRoot[data-theme=dark] .tripLocationField,.appRoot[data-theme=dark] .tripMapControls button,.appRoot[data-theme=dark] .tripRecommendationActions a,.appRoot[data-theme=dark] .tripRecommendationPlace,.appRoot[data-theme=dark] .tripTopStopActions a,.appRoot[data-theme=dark] .tripVehicleGrid label{color:var(--text)}.appRoot[data-theme=dark] .configurationNotice,.appRoot[data-theme=dark] .favoriteButton.compact,.appRoot[data-theme=dark] .favoriteButton:hover:not(:disabled),.appRoot[data-theme=dark] .tripNoMarketData p{color:var(--theme-amber-text)}.appRoot[data-theme=dark] .accountAvatar,.appRoot[data-theme=dark] .accountOverviewAvatar,.appRoot[data-theme=dark] .alertKindBadge,.appRoot[data-theme=dark] .alertTypeOptionEyebrow,.appRoot[data-theme=dark] .appContextMeta a,.appRoot[data-theme=dark] .appContextPin,.appRoot[data-theme=dark] .comparisonDecisionBadge,.appRoot[data-theme=dark] .decisionSecondaryLink,.appRoot[data-theme=dark] .rankingActions a,.appRoot[data-theme=dark] .tripAlternativeGrid a,.appRoot[data-theme=dark] .tripIntroSteps b,.appRoot[data-theme=dark] .tripLocationButton,.appRoot[data-theme=dark] .tripMapControls button:hover,.appRoot[data-theme=dark] .tripProvinceChain span,.appRoot[data-theme=dark] .tripZoneKm{color:var(--theme-blue-text)}.appRoot[data-theme=dark] .alertState.active,.appRoot[data-theme=dark] .appNotice.success,.appRoot[data-theme=dark] .authAsideBadge,.appRoot[data-theme=dark] .browserStatus,.appRoot[data-theme=dark] .changeDown,.appRoot[data-theme=dark] .decisionSignal--down,.appRoot[data-theme=dark] .emailStatus.sent,.appRoot[data-theme=dark] .plannerDecisionMetric strong,.appRoot[data-theme=dark] .previewFrameBadge,.appRoot[data-theme=dark] .privateAccountBadge,.appRoot[data-theme=dark] .rankingSaving span,.appRoot[data-theme=dark] .runStatus.succeeded,.appRoot[data-theme=dark] .tripBetaBadge,.appRoot[data-theme=dark] .tripFuelStatusGood,.appRoot[data-theme=dark] .tripPositive,.appRoot[data-theme=dark] .tripRecommendationTag,.appRoot[data-theme=dark] .tripTopStopRank small{color:var(--theme-green-text)}.appRoot[data-theme=dark] .appNotice.error{color:var(--theme-red-text)}.appRoot[data-theme=dark] .appHeader{background:#0a1119f2;box-shadow:0 1px #ffffff05}.appRoot[data-theme=dark] .appContextBar{background:#111a24db;box-shadow:0 8px 24px #00000029}.appRoot[data-theme=dark] .decisionHero{background:radial-gradient(circle at 88% 18%,#5b8def29,#0000 30%),linear-gradient(135deg,#111a24 0%,#132033 56%,#152943 100%);border-color:#31537f;box-shadow:0 18px 46px #0003}.appRoot[data-theme=dark] .decisionSignal{background:#111a24c2;border-color:#334354}.appRoot[data-theme=dark] .decisionRadarBreakdown{border-top-color:#84adff2e}.appRoot[data-theme=dark] .decisionRadarBreakdownHeader>p,.appRoot[data-theme=dark] .decisionRadarFactorHeader span,.appRoot[data-theme=dark] .decisionRadarFactorValue span{color:var(--muted)}.appRoot[data-theme=dark] .decisionRadarFactor{background:#111a24a8;border-color:#334354}.appRoot[data-theme=dark] .decisionRadarFactorHeader small{color:#8fa0b1}.appRoot[data-theme=dark] .decisionRadarFactor .factorTrack{background:#26384b}.appRoot[data-theme=dark] .decisionRadarFactor .factorTrack span{background:#84adff}.appRoot[data-theme=dark] .decisionRadarExplain{border-top-color:#84adff2e}.appRoot[data-theme=dark] .decisionRadarExplain summary{color:#84adff}.appRoot[data-theme=dark] .decisionRadarExplain .radarExplainContent>div{background:#111a248f;border-color:#334354}.appRoot[data-theme=dark] .decisionRadarExplain .radarExplainContent strong{color:#d7e0ea}.appRoot[data-theme=dark] .decisionRadarExplain .radarExplainContent p{color:#98a9bc}.appRoot[data-theme=dark] .comparisonDecisionInsight{background:radial-gradient(circle at 92% 12%, #5b8def24, transparent 30%), var(--surface);box-shadow:0 16px 40px #0003}.appRoot[data-theme=dark] .plannerResultCard{--recommendation-soft:#152943;--recommendation-border:#31537f;box-shadow:0 12px 28px #0000002e}.appRoot[data-theme=dark] .plannerResultCard--cheapest{--recommendation-accent:#75e0a7;--recommendation-soft:#132c22;--recommendation-border:#285b42}.appRoot[data-theme=dark] .plannerResultCard--nearest{--recommendation-accent:#84adff;--recommendation-soft:#152943;--recommendation-border:#31537f}.appRoot[data-theme=dark] .plannerResultCard--bestNet{--recommendation-accent:#fec84b;--recommendation-soft:#302514;--recommendation-border:#66502a}.appRoot[data-theme=dark] .plannerResultCard:hover{box-shadow:0 18px 38px #00000042}.appRoot[data-theme=dark] .plannerPrimaryMetric{background:linear-gradient(135deg, var(--recommendation-soft), #111a24 72%)}.appRoot[data-theme=dark] .plannerResultCard dl,.appRoot[data-theme=dark] .historyLatestPanel dl div,.appRoot[data-theme=dark] .brandTable th,.appRoot[data-theme=dark] .brandTable td{border-color:var(--line)}.appRoot[data-theme=dark] .plannerDecisionSummary{background:linear-gradient(135deg,#14271f 0%,#11241c 100%)}.appRoot[data-theme=dark] .comparisonPrice--cheapest{border-color:var(--theme-green-line);background:var(--theme-green-soft)}.appRoot[data-theme=dark] .comparisonPrice--priciest{border-color:var(--theme-red-line);background:var(--theme-red-soft)}.appRoot[data-theme=dark] .trendPlot,.appRoot[data-theme=dark] .longTermBars{background-image:linear-gradient(#9aa9b829 1px,#0000 1px)}.appRoot[data-theme=dark] .dashboardLoadingGrid span,.appRoot[data-theme=dark] .skeletonLine,.appRoot[data-theme=dark] .loadingToolbarSkeleton span,.appRoot[data-theme=dark] .decisionLoadingSkeleton span,.appRoot[data-theme=dark] .decisionLoadingSkeleton i{background:linear-gradient(90deg,#182431,#233142,#182431)}.appRoot[data-theme=dark] .tripSummaryHero{background:radial-gradient(circle at top left, #5b8def24, transparent 36%), var(--surface)}.appRoot[data-theme=dark] .tripMetricGrid{background:#16212de6}.appRoot[data-theme=dark] .tripRecommendation{background:radial-gradient(circle at 100% 0,#32b77724,#0000 34%),linear-gradient(#111a24 0%,#12231c 100%)}.appRoot[data-theme=dark] .tripRecommendationMetrics div{background:#111a24c7}.appRoot[data-theme=dark] .tripMapAttribution,.appRoot[data-theme=dark] .tripMapLegend,.appRoot[data-theme=dark] .tripMapControls{border-color:var(--line);color:var(--muted);background:#111a24f0}.appRoot[data-theme=dark] .tripMapControls button{color:var(--text)}.appRoot[data-theme=dark] .tripMapControls button:hover{background:#1c2c3e}.appRoot[data-theme=dark] .tripTopStopCardBest{background:radial-gradient(circle at top right, #32b7771f, transparent 26%), var(--surface)}.appRoot[data-theme=dark] .tripTopStopBadge{border-color:var(--theme-green-line);background:var(--theme-green-soft);color:var(--theme-green-text)}.appRoot[data-theme=dark] .tripLoadingMap:after,.appRoot[data-theme=dark] .tripLoadingCards span:after{background:linear-gradient(90deg,#0000,#84adff1f,#0000)}.appRoot[data-theme=dark] .alertTypeOption.selected{border-color:var(--theme-blue-line);background:var(--theme-blue-soft)}.appRoot[data-theme=dark] .alertPromiseCard{border-color:var(--theme-blue-line);background:#132033}.appRoot[data-theme=dark] .dangerZone,.appRoot[data-theme=dark] .errorPanel{border-color:var(--theme-red-line);background:#241719}.appRoot[data-theme=dark] .dangerZoneContent{border-top-color:var(--theme-red-line)}.appRoot[data-theme=dark] .dangerZoneContent>p{color:var(--muted)}.appRoot[data-theme=dark] .radarGauge{background:conic-gradient(#84adff 0 var(--score-angle), #26384b var(--score-angle) 360deg)}.appRoot[data-theme=dark] .factorTrack{background:#26384b}.appRoot[data-theme=dark] .factorTrack span{background:#84adff}.appRoot[data-theme=dark] .marketRangeMetric--minimum{border-color:var(--theme-green-line);background:var(--theme-green-soft)}.appRoot[data-theme=dark] .marketRangeMetric--average{border-color:var(--theme-blue-line);background:var(--theme-blue-soft)}.appRoot[data-theme=dark] .marketRangeMetric--maximum{border-color:var(--theme-red-line);background:var(--theme-red-soft)}.appRoot[data-theme=dark] .alertActionButton--pause{border-color:var(--theme-blue-line);background:var(--theme-blue-soft);color:var(--theme-blue-text)}.appRoot[data-theme=dark] .alertActionButton--delete{border-color:var(--theme-red-line);background:var(--theme-red-soft);color:var(--theme-red-text)}@media (max-width:620px){.themeOptions{grid-template-columns:1fr}.themeOption{grid-template-columns:96px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.themeOption{transition:none}.themeOption:hover{transform:none}}
:root{--ui-control-height:44px;--ui-control-radius:10px;--ui-card-radius:16px;--ui-card-border:#d8dee7;--ui-focus:#2563eb;--ui-focus-ring:#2563eb33;--ui-disabled-bg:#f2f4f7;--ui-disabled-text:#7b8794;--ui-subtle-shadow:0 1px 2px #10182809;--muted:#5f6c7b}:where(a,button,input,select,textarea,[role=button]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--ui-focus-ring)}:where(a):focus-visible{box-shadow:none;border-radius:4px}:where(input,select,textarea)::placeholder{color:#7b8794;opacity:1}:where(button,input,select,textarea):disabled,:where([aria-disabled=true]){cursor:not-allowed}:where(button):disabled{box-shadow:none!important;opacity:.56!important}:where(input,select,textarea):disabled{-webkit-text-fill-color:var(--ui-disabled-text);opacity:1;background:var(--ui-disabled-bg)!important;color:var(--ui-disabled-text)!important;border-color:#dfe4ea!important}.primaryButton,.secondaryButton,.authSubmit,.filterSubmit,.logoutButton,.favoriteButton:not(.compact),.dangerButton,.tripCalculateButton,.stationPeriodForm button{min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding-inline:16px;font-size:12px;font-weight:800;line-height:1;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s;display:inline-flex}.primaryButton,.authSubmit,.filterSubmit,.tripCalculateButton{box-shadow:0 1px 2px #1018281f}.secondaryButton,.logoutButton,.favoriteButton:not(.compact){background:var(--surface);color:#344054;box-shadow:var(--ui-subtle-shadow);border-color:#cbd3dd}.textButton,.dangerTextButton,.tripLocationButton{border-radius:8px;min-height:32px;padding:6px 8px;line-height:1.2}.favoriteButton.compact{border-radius:9px;width:32px;min-width:32px;min-height:32px}@media (hover:hover) and (pointer:fine){.primaryButton:hover,.authSubmit:hover:not(:disabled),.filterSubmit:hover,.tripCalculateButton:hover:not(:disabled){transform:none;box-shadow:0 2px 5px #10182824}.secondaryButton:hover,.logoutButton:hover:not(:disabled){background:#f8fafc;border-color:#aeb8c5}.textButton:hover,.tripLocationButton:hover{background:var(--blue-soft)}.dangerTextButton:hover{background:var(--red-soft)}}.appPanel,.profilePanel,.marketSummary,.insightPanel,.rankingPanel,.stationHistoryPanel,.stationMetricsPanel,.stationInfoPanel,.favoriteCard,.alertCard,.plannerForm,.comparisonPanel,.historyPanel,.tripSearchPanel,.tripSummaryHero,.tripRecommendation,.tripMapCard,.tripPassageSection,.tripFuelPlanSection,.tripAlternativesSection,.publicProvinceCard,.publicMunicipalityCard,.publicFuelCard,.publicDataEmpty,.publicCallout{border-color:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-subtle-shadow)}.publicProvinceCard,.publicMunicipalityCard,.featureCard,.plannerResultCard,.tripTopStopCard,.alertTypeOption,.seoFuelProvinceCard,.appContextMeta a,.themeOption,.authSubmit,.tripCalculateButton{transform:none!important}.publicProvinceCard,.publicMunicipalityCard,.featureCard,.plannerResultCard,.tripTopStopCard,.alertTypeOption,.seoFuelProvinceCard,.appContextMeta a,.themeOption{transition:border-color .12s,background-color .12s,box-shadow .12s}@media (hover:hover) and (pointer:fine){.publicProvinceCard:hover,.publicMunicipalityCard:hover{border-color:#b9c3cf;transform:none;box-shadow:0 4px 14px #1018280f}.featureCard:hover,.plannerResultCard:hover,.tripTopStopCard:hover,.alertTypeOption:hover,.seoFuelProvinceCard:hover,.appContextMeta a:hover,.themeOption:hover{transform:none}}.appPanel,.profilePanel{padding:28px}.marketSummary,.favoriteCard,.publicFuelCard{padding:24px}.rankingPanel>.sectionHeading,.stationHistoryPanel>.sectionHeading,.stationMetricsPanel>.sectionHeading,.stationInfoPanel>.sectionHeading{padding-inline:22px}.publicProvinceGrid,.publicMunicipalityGrid,.publicFuelGrid,.marketSummaryGrid,.rankingGrid,.favoriteGrid{gap:16px}.publicCardLink{color:#344054;padding-top:20px}.publicBreadcrumbs,.publicFreshnessRow,.dashboardFilterField label,.appContextPrimary small{color:#52606f}.panelLabel,.publicCardKicker{color:#475467}.formField input,.formField select,.dashboardFilterField select,.dashboardFilterField input[type=search],.tripLocationInputWrap input,.tripVehicleGrid input,.tripVehicleGrid select{min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);border-color:#cbd3dd}.formField input:focus,.formField select:focus,.dashboardFilterField select:focus,.dashboardFilterField input[type=search]:focus,.tripLocationInputWrap input:focus,.tripVehicleGrid input:focus,.tripVehicleGrid select:focus{border-color:var(--ui-focus);box-shadow:0 0 0 3px var(--ui-focus-ring);outline:none}.formField label,.labelRow,.dashboardFilterField label,.tripLocationField,.tripVehicleGrid label{letter-spacing:.01em}.appContextPin{border:1px solid #2563eb1f}.appContextPinIcon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;display:block}.authCard{border-color:var(--ui-card-border)}.authHighlightPill{color:#344f70}.publicDataSection{padding-block:58px}.publicCoverageStrip{border-color:var(--ui-card-border)}.publicSectionHeading>a,.publicSectionHeading>span{color:#475467}.appContextBar{border-color:var(--ui-card-border);box-shadow:var(--ui-subtle-shadow)}.appContextMeta>span{color:#475467;border-color:#d8dee7}.dashboardToolbar{border-color:var(--ui-card-border);border-radius:var(--ui-card-radius);box-shadow:var(--ui-subtle-shadow)}.rankingsSection{border-radius:var(--ui-card-radius)}.rankingList li,.notificationList article,.movementColumn li{border-color:#e4e8ee}.appRoot[data-theme=dark]{--ui-card-border:#334354;--ui-focus:#84adff;--ui-focus-ring:#84adff33;--ui-disabled-bg:#182431;--ui-disabled-text:#7f91a4;--ui-subtle-shadow:0 1px 2px #0000002e}.appRoot[data-theme=dark] :where(input,select,textarea)::placeholder{color:#8798aa}.appRoot[data-theme=dark] .secondaryButton,.appRoot[data-theme=dark] .logoutButton,.appRoot[data-theme=dark] .favoriteButton:not(.compact){border-color:var(--theme-line-strong);background:var(--theme-surface);color:var(--text)}.appRoot[data-theme=dark] .dashboardToolbar,.appRoot[data-theme=dark] .appContextBar{border-color:var(--ui-card-border)}.appRoot[data-theme=dark] .rankingList li,.appRoot[data-theme=dark] .notificationList article,.appRoot[data-theme=dark] .movementColumn li{border-color:var(--line)}.appRoot[data-theme=dark] .appContextMeta>span{border-color:var(--line);background:var(--theme-surface-subtle);color:var(--muted)}@media (hover:hover) and (pointer:fine){.appRoot[data-theme=dark] .secondaryButton:hover,.appRoot[data-theme=dark] .logoutButton:hover:not(:disabled){background:var(--theme-surface-subtle);border-color:#526579}}@media (max-width:760px){:root{--ui-control-height:46px}.shell,.siteHeader,.appContent,.narrowContent,.dashboardContent,.stationDetailContent,.adminDataContent,.favoritesContent,.alertsContent,.plannerContent,.comparisonContent,.historyContent,.appContextBar{width:min(100% - 28px,1180px)}.appContent,.dashboardContent,.stationDetailContent{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.appPanel,.profilePanel,.marketSummary,.favoriteCard,.publicFuelCard,.publicCallout,.tripSearchPanel,.tripSummaryHero,.tripRecommendation,.tripMapCard,.tripPassageSection,.tripFuelPlanSection,.tripAlternativesSection{padding:20px}.publicDataHero{padding-top:48px;padding-bottom:46px}.publicDataSection{padding-block:46px}.publicBreadcrumbs{margin-bottom:24px}.primaryButton,.secondaryButton,.authSubmit,.filterSubmit,.logoutButton,.favoriteButton:not(.compact),.dangerButton,.tripCalculateButton,.stationPeriodForm button{min-height:46px}.textButton,.dangerTextButton,.tripLocationButton{min-height:40px;padding-inline:10px}.favoriteButton.compact{width:40px;min-width:40px;min-height:40px}.stationHeaderActions{flex-wrap:wrap;width:100%}.stationHeaderActions>*{min-width:0}.dashboardFilter{gap:12px}.publicCoverageStrip{scrollbar-width:thin;width:100%;overflow-x:auto}.publicCoverageStrip>div{min-width:136px;padding:14px 16px}.rankingList li{grid-template-columns:28px 40px minmax(0,1fr) 66px 58px;column-gap:8px;min-height:72px}}@media (max-width:560px){.rankingList li{grid-template-columns:25px 40px minmax(0,1fr) 58px;column-gap:8px}.appPanel,.profilePanel,.marketSummary,.favoriteCard,.publicFuelCard,.publicCallout,.tripSearchPanel,.tripSummaryHero,.tripRecommendation,.tripMapCard,.tripPassageSection,.tripFuelPlanSection,.tripAlternativesSection{padding:18px}.publicProvinceGrid,.publicMunicipalityGrid,.publicFuelGrid,.marketSummaryGrid,.rankingGrid,.favoriteGrid{gap:12px}.publicProvinceCard,.publicMunicipalityCard{min-height:0;padding:18px}.publicCallout{gap:20px}.publicCallout .primaryButton,.authErrorActions .primaryButton,.authErrorActions .secondaryButton{width:100%}}@media (prefers-reduced-motion:reduce){.primaryButton,.secondaryButton,.authSubmit,.filterSubmit,.logoutButton,.favoriteButton,.dangerButton,.tripCalculateButton,.stationPeriodForm button,.publicProvinceCard,.publicMunicipalityCard,.themeOption{transition:none!important}}
.radarMapFrame{border:1px solid var(--line);background:radial-gradient(circle at 24% 18%, #2563eb1a, transparent 34%), var(--theme-surface-subtle,#f8fafc);isolation:isolate;border-radius:22px;width:100%;min-width:0;max-width:100%;height:clamp(330px,44vw,520px);position:relative;overflow:hidden;box-shadow:0 16px 42px #10182814}.radarMapFrame:fullscreen,.radarMapFrame[data-map-fullscreen=fallback]{border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.radarMapFrame:fullscreen{background:var(--theme-surface-subtle,#f8fafc)}.radarMapFrame:fullscreen::backdrop{background:#0b1118}.radarMapFrame[data-map-fullscreen=fallback]{z-index:10000;position:fixed;inset:0}.radarMapFullscreenButton{z-index:8;top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));color:#101828;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#fffffff5;border:1px solid #10182824;border-radius:12px;place-items:center;width:42px;height:42px;transition:transform .14s,box-shadow .14s,background-color .14s;display:grid;position:absolute;box-shadow:0 8px 24px #10182829}.radarMapFullscreenButton:hover{background:#fff;transform:translateY(-1px);box-shadow:0 12px 28px #10182833}.radarMapFullscreenButton:focus-visible{outline-offset:2px;outline:3px solid #2563eb4d}.radarMapFullscreenButton svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.radarMapFrame[data-map-fullscreen=native] .radarMapFullscreenButton,.radarMapFrame[data-map-fullscreen=fallback] .radarMapFullscreenButton{top:max(14px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left))}.radarMapCanvas,.radarMapCanvas>.maplibregl-map{width:100%;height:100%}.radarMapCanvas{position:absolute;inset:0}.radarMapFrame .maplibregl-canvas{outline:none}.radarMapFrame .maplibregl-ctrl-group{border:1px solid #1018281f;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #10182824}.radarMapFrame .maplibregl-ctrl-group button{background-color:#fffffff5;width:34px;height:34px}.radarMapFrame .maplibregl-ctrl-attrib{border-radius:8px 0 0;font-size:9px}.radarMapLoading,.radarMapFallback{z-index:4;text-align:center;color:var(--muted);background:linear-gradient(145deg,#f8fafce6,#eef4fff0);place-content:center;justify-items:center;gap:10px;padding:28px;transition:opacity .18s;display:grid;position:absolute;inset:0}.radarMapLoading span{border:3px solid #2563eb2e;border-top-color:var(--blue);border-radius:999px;width:32px;height:32px;animation:.8s linear infinite radarMapSpin}.radarMapLoading p,.radarMapFallback strong,.radarMapFallback span{margin:0}.radarMapFallback strong{color:var(--text)}.radarMapFallback span{max-width:430px;font-size:13px;line-height:1.5}.radarMapFrame[data-map-ready=true] .radarMapLoading{opacity:0;pointer-events:none}@keyframes radarMapSpin{to{transform:rotate(360deg)}}.radarMapMarker{color:#101828;cursor:pointer;filter:drop-shadow(0 8px 12px #1018282e);background:0 0;border:0;justify-content:center;align-items:center;min-width:0;min-height:34px;padding:0;display:inline-flex}.radarMapMarker:focus-visible{filter:drop-shadow(0 0 #0000)drop-shadow(0 0 8px #2563eb8c);outline:none}.radarMapMarkerPin{z-index:2;color:#fff;background:#344054;border:3px solid #fff;border-radius:999px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:11px;font-weight:900;line-height:1;display:grid;position:relative;box-shadow:0 0 0 1px #1018281f}.radarMapMarkerValue{color:#101828;letter-spacing:-.1px;white-space:nowrap;background:#fffffff7;border:1px solid #1018281f;border-radius:0 10px 10px 0;align-items:center;min-height:31px;margin-left:-7px;padding:6px 10px 6px 13px;font-size:11px;font-weight:900;display:inline-flex}.radarMapMarker--recommended .radarMapMarkerPin{background:#067647;box-shadow:0 0 0 4px #12b76a2e}.radarMapMarker--recommended .radarMapMarkerValue{color:#05603a;background:#ecfdf3;border-color:#75e0a7}.radarMapMarker--price .radarMapMarkerPin,.radarMapMarker--origin .radarMapMarkerPin{background:#175cd3}.radarMapMarker--destination .radarMapMarkerPin{background:#101828}.radarMapMarker--station .radarMapMarkerPin{background:#175cd3;flex-basis:36px;width:36px;height:36px;box-shadow:0 0 0 5px #2563eb29}.radarMapFrame .maplibregl-popup{max-width:min(320px,100vw - 42px)!important}.radarMapFrame .maplibregl-popup-content{border:1px solid var(--line);background:var(--theme-surface,#fff);min-width:220px;color:var(--text);border-radius:15px;padding:15px 16px 14px;box-shadow:0 18px 46px #1018282e}.radarMapFrame .maplibregl-popup-tip{border-top-color:var(--theme-surface,#fff);border-bottom-color:var(--theme-surface,#fff)}.radarMapFrame .maplibregl-popup-close-button{width:28px;height:28px;color:var(--muted);border-radius:8px;font-size:20px;top:5px;right:6px}.radarMapFrame .maplibregl-popup-close-button:hover{background:var(--theme-surface-muted,#edf0f3)}.radarMapPopup{gap:5px;padding-right:16px;display:grid}.radarMapPopupBadge{background:var(--theme-blue-soft,#eef4ff);width:fit-content;max-width:100%;color:var(--theme-blue-text,#175cd3);letter-spacing:.5px;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.radarMapPopupTitle{color:var(--text);margin-top:2px;font-size:14px;line-height:1.25}.radarMapPopupValue{color:var(--theme-green-text,#067647);letter-spacing:-.4px;font-size:18px;font-weight:900}.radarMapPopupDetail{color:var(--muted);font-size:11px;line-height:1.4}.radarMapPopupAction{width:fit-content;color:var(--theme-blue-text,#175cd3);margin-top:5px;font-size:11px;font-weight:900}.radarMapFrame .maplibregl-popup-content:has(.radarMapPopup--station){min-width:170px;max-width:min(240px,100vw - 44px);padding:11px 12px 10px}.radarMapPopup--station{gap:7px;min-width:0;padding-right:12px}.radarMapPopup--station .radarMapPopupTitle{max-width:220px;margin-top:0;font-size:13px;line-height:1.3}.radarMapPopup--station .radarMapPopupValue{max-width:240px;color:var(--text);letter-spacing:-.2px;font-size:15px;line-height:1.35}.radarMapPopup--station .radarMapPopupAction{background:var(--theme-blue-soft,#eef4ff);min-height:30px;color:var(--theme-blue-text,#175cd3);border:1px solid #b8d0fb;border-radius:8px;align-items:center;margin-top:2px;padding:0 10px;text-decoration:none;display:inline-flex}.radarMapCanvas{opacity:.56;will-change:opacity, transform;transition:opacity .36s,transform .56s cubic-bezier(.22,1,.36,1);transform:scale(.985)}.radarMapFrame[data-map-ready=true] .radarMapCanvas{opacity:1;will-change:auto;transform:scale(1)}.radarMapFrame:after{content:"";z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#2563eb09 18%,#2563eb3d 52%,#12b76a0e 76%,#0000);width:32%;position:absolute;top:0;bottom:0;left:-34%;transform:translate(0,0)skew(-8deg)}.radarMapFrame[data-map-ready=true]:after{animation:1.1s cubic-bezier(.22,1,.36,1) .12s both radarMapReadySweep}.radarMapMarkerPin,.radarMapMarkerValue{opacity:0;transform-origin:50% 100%;animation:radarMapMarkerIn .52s cubic-bezier(.2, .9, .25, 1.12) var(--radar-marker-delay,0s) 1 forwards;transition:transform .15s,filter .15s;transform:translateY(14px)scale(.84)}.radarMapMarker:hover .radarMapMarkerPin,.radarMapMarker:hover .radarMapMarkerValue{transform:translateY(-3px)scale(1.025)}.radarMapMarker:hover .radarMapMarkerPin{filter:drop-shadow(0 8px 11px #10182838)}.radarMapMarker--recommended .radarMapMarkerPin:before{content:"";z-index:0;border-radius:inherit;opacity:0;pointer-events:none;border:2px solid #12b76a6b;animation:1.45s ease-out .38s 3 radarMapRecommendedPulse;position:absolute;inset:-7px;transform:scale(.74)}.radarMapFrame .maplibregl-popup-content{transform-origin:50% 100%;animation:.17s cubic-bezier(.22,1,.36,1) both radarMapPopupIn}.rankingMapPanel,.refuelMapSection,.stationLocationPanel,.tripMapViewportMapLibre{animation:.44s cubic-bezier(.22,1,.36,1) both radarMapPanelIn}@keyframes radarMapReadySweep{0%{opacity:0;transform:translate(0,0)skew(-8deg)}18%{opacity:1}78%{opacity:.72}to{opacity:0;transform:translate(485%)skew(-8deg)}}@keyframes radarMapMarkerIn{0%{opacity:0;transform:translateY(14px)scale(.84)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes radarMapRecommendedPulse{0%{opacity:.62;transform:scale(.74)}72%{opacity:0}to{opacity:0;transform:scale(1.62)}}@keyframes radarMapPopupIn{0%{opacity:0;transform:translateY(5px)scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes radarMapPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}.tripMapCard{min-width:0}.tripMapHeading{align-items:end}.tripMapHeadingMetric{flex:none;justify-items:end;gap:2px;display:grid}.tripMapHeadingMetric strong{color:var(--text);letter-spacing:-.8px;font-size:24px}.tripMapHeadingMetric span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:10px;font-weight:800}.tripMapViewportMapLibre{background:0 0;min-width:0;height:auto;position:relative;overflow:visible}.tripRadarMap{border-radius:22px;height:clamp(390px,48vw,590px)}.tripMapLegendMapLibre{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #1018281a;border-radius:12px;flex-wrap:wrap;gap:8px 12px;width:auto;max-width:calc(100% - 148px);margin:0;padding:9px 11px;display:flex;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 24px #1018281f}.tripMapLegendMapLibre span{color:#344054;font-size:10px;font-weight:800}.tripMapLegendMapLibre i,.refuelMapLegend i{border-radius:999px;flex:0 0 9px;width:9px;height:9px}.tripLegendStart{background:#175cd3}.tripLegendEnd{background:#101828}.tripLegendBest{background:#067647}.tripLegendOption{background:#528bdf}.refuelMapSection{border:1px solid var(--line);background:var(--surface);border-radius:20px;gap:18px;min-width:0;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 18px 48px #10182812}.refuelMapHeading{justify-content:space-between;align-items:end;gap:24px;min-width:0;display:flex}.refuelMapHeading h2{letter-spacing:-1px;margin:6px 0 7px;font-size:clamp(21px,3vw,30px)}.refuelMapHeading p:not(.panelLabel){max-width:720px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.refuelMapBestMetric{border:1px solid var(--theme-green-line,#abefc6);background:var(--theme-green-soft,#ecfdf3);border-radius:13px;flex:none;gap:2px;min-width:170px;padding:12px 14px;display:grid}.refuelMapBestMetric span{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:900}.refuelMapBestMetric strong{color:var(--theme-green-text,#067647);letter-spacing:-.6px;font-size:22px}.refuelRadarMap{height:clamp(370px,44vw,520px)}.refuelMapLegend{color:var(--muted);flex-wrap:wrap;gap:10px 18px;font-size:10px;font-weight:800;display:flex}.refuelMapLegend span{align-items:center;gap:6px;display:inline-flex}.refuelLegendBest{background:#067647}.refuelLegendOption{background:#175cd3}.refuelLegendOrigin{background:#344054}.rankingExplorer{gap:16px;min-width:0;display:grid}.rankingExplorerControls{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.rankingViewToggle,.rankingFuelToggle{border:1px solid var(--line);background:var(--theme-surface-subtle,#f8fafc);border-radius:11px;align-items:center;gap:3px;min-width:0;padding:3px;display:inline-flex}.rankingViewToggle button,.rankingFuelToggle button{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:11px;font-weight:900}.rankingViewToggle button.isActive,.rankingFuelToggle button.isActive{background:var(--theme-surface,#fff);color:var(--text);box-shadow:0 4px 12px #10182814}.rankingViewToggle button:disabled{opacity:.45;cursor:not-allowed}.rankingMapPanel{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:14px;min-width:0;padding:clamp(14px,2.5vw,20px);display:grid}.rankingMapIntro{justify-content:space-between;align-items:end;gap:16px;min-width:0;display:flex}.rankingMapIntro h3{letter-spacing:-.5px;margin:5px 0 0;font-size:20px}.rankingMapIntro>span{color:var(--muted);font-size:10px;font-weight:700}.rankingRadarMap{height:clamp(380px,44vw,520px)}.rankingMapUnavailable{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:16px;padding:28px}.stationLocationPanel{border:1px solid var(--line);background:var(--surface);border-radius:18px;gap:16px;min-width:0;padding:clamp(16px,2.5vw,22px);display:grid}.stationLocationHeading{justify-content:space-between;align-items:end;gap:18px;min-width:0;display:flex}.stationLocationHeading h2{letter-spacing:-.6px;margin:5px 0 3px;font-size:22px}.stationLocationHeading p:not(.panelLabel){color:var(--muted);margin:0;font-size:12px}.stationRadarMap{height:clamp(300px,36vw,410px)}.appRoot[data-theme=dark] .radarMapFrame .maplibregl-ctrl-group{border-color:#ffffff26}.appRoot[data-theme=dark] .radarMapFullscreenButton{color:#f2f4f7;background:#111a24f0;border-color:#ffffff26}.appRoot[data-theme=dark] .radarMapFrame .maplibregl-ctrl-group button,.appRoot[data-theme=dark] .tripMapLegendMapLibre{background-color:#111a24f0}.appRoot[data-theme=dark] .tripMapLegendMapLibre span{color:#d0d5dd}.appRoot[data-theme=dark] .radarMapMarkerValue{color:#f2f4f7;background:#172536;border-color:#425466}.appRoot[data-theme=dark] .radarMapMarker--recommended .radarMapMarkerValue{color:#75e0a7;background:#132c22;border-color:#285b42}.appRoot[data-theme=dark] .radarMapLoading,.appRoot[data-theme=dark] .radarMapFallback{background:linear-gradient(145deg,#111a24f5,#14243af5)}@media (max-width:760px){.radarMapFrame{border-radius:17px;height:350px}.radarMapMarkerPin{border-width:2px;flex-basis:29px;width:29px;height:29px;font-size:10px}.radarMapMarkerValue{min-height:28px;padding:5px 8px 5px 11px;font-size:10px}.radarMapFullscreenButton{top:max(9px, env(safe-area-inset-top));left:max(9px, env(safe-area-inset-left));border-radius:11px;width:40px;height:40px}.radarMapFrame .maplibregl-ctrl-top-right{top:8px;right:8px}.radarMapFrame .maplibregl-ctrl-group button{width:32px;height:32px}.tripMapHeading,.refuelMapHeading,.stationLocationHeading,.rankingMapIntro{flex-direction:column;align-items:stretch}.tripMapHeadingMetric{justify-items:start;width:fit-content}.tripRadarMap,.refuelRadarMap,.rankingRadarMap{height:390px}.tripMapLegendMapLibre{gap:7px 12px;max-width:none;bottom:10px;left:10px;right:10px}.refuelMapSection{border-radius:17px;padding:16px}.refuelMapBestMetric{grid-template-columns:1fr auto;align-items:center;width:100%;min-width:0}.refuelMapBestMetric strong{font-size:20px}.rankingExplorerControls{flex-direction:column;align-items:stretch}.rankingViewToggle,.rankingFuelToggle{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid}.rankingViewToggle button,.rankingFuelToggle button{width:100%;padding:0 8px}.rankingMapPanel,.stationLocationPanel{border-radius:16px;padding:14px}.stationLocationHeading .secondaryButton{justify-content:center;width:100%}.stationRadarMap{height:320px}}@media (max-width:430px){.radarMapFrame,.tripRadarMap,.refuelRadarMap,.rankingRadarMap{height:340px}.radarMapFrame .maplibregl-ctrl-scale{display:none}.tripMapLegendMapLibre{padding-right:58px}.tripMapLegendMapLibre span,.refuelMapLegend{font-size:9px}.refuelMapHeading h2{font-size:22px}.stationRadarMap{height:290px}}@media (prefers-reduced-motion:reduce){.radarMapCanvas,.radarMapFullscreenButton,.radarMapMarkerPin,.radarMapMarkerValue,.myZoneMapPricePin{transition:none}.radarMapFrame:after,.radarMapMarkerPin,.radarMapMarkerValue,.myZoneMapPricePin,.radarMapMarker--recommended .radarMapMarkerPin:before,.radarMapFrame .maplibregl-popup-content,.rankingMapPanel,.refuelMapSection,.stationLocationPanel,.tripMapViewportMapLibre{animation:none}.radarMapCanvas,.radarMapMarkerPin,.radarMapMarkerValue,.myZoneMapPricePin{opacity:1;will-change:auto;transform:none}.radarMapLoading span{animation-duration:1.4s}}.myZonePage{width:100%;height:calc(100dvh - 130px);min-height:460px;padding:10px 14px 14px}.myZoneMapFrame{border-radius:18px;height:100%;min-height:0}.myZoneMapStatus{z-index:7;background:var(--theme-surface-translucent,#ffffffeb);max-width:min(320px,100% - 120px);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;border:1px solid #1018281f;border-radius:11px;gap:2px;padding:8px 10px;display:grid;position:absolute;top:12px;left:12px;box-shadow:0 8px 24px #10182821}.myZoneMapStatus strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.myZoneMapStatus span{color:var(--muted);font-size:9px;font-weight:800}.myZoneLocateButton{z-index:8;background:var(--theme-surface-translucent,#fffffff5);width:38px;height:38px;color:var(--theme-blue-text,#175cd3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border:1px solid #10182824;border-radius:11px;place-items:center;display:grid;position:absolute;top:68px;left:12px;box-shadow:0 8px 24px #10182826}.myZoneLocateButton:disabled{cursor:wait;opacity:.58}.myZoneLocateButton svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.myZoneLegend{z-index:7;background:var(--theme-surface-translucent,#ffffffed);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-transform:uppercase;border:1px solid #1018281f;border-radius:10px;grid-template-columns:auto 72px auto;align-items:center;gap:5px;padding:6px 8px;font-size:8px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 7px 20px #1018281f}.myZoneLegend i{background:linear-gradient(90deg,#1daf1d,#b8b81e,#af1d1d);border-radius:999px;width:72px;height:6px}.myZoneLegend small{color:var(--text);text-align:center;text-transform:none;grid-column:1/-1;font-size:8px;font-weight:800}.myZoneMapNotice{z-index:7;border:1px solid var(--theme-amber-line,#fedf89);background:var(--theme-amber-soft,#fffaeb);max-width:min(420px,100% - 28px);color:var(--theme-amber-text,#b54708);text-align:center;border-radius:10px;padding:8px 11px;font-size:10px;font-weight:800;position:absolute;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1018281c}.myZoneMapMarker{filter:drop-shadow(0 7px 10px #10182833);min-height:42px;padding:0 0 8px}.myZoneMapPricePin{--my-zone-marker-color:#667085;background:var(--my-zone-marker-color);color:#fff;opacity:0;transform-origin:50% 100%;min-width:58px;height:34px;animation:radarMapMarkerIn .52s cubic-bezier(.2, .9, .25, 1.12) var(--radar-marker-delay,0s) 1 forwards;border:2px solid #fff;border-radius:11px;justify-content:center;align-items:center;padding:0 9px;transition:transform .15s,filter .15s;display:inline-flex;position:relative;transform:translateY(14px)scale(.84);box-shadow:0 0 0 1px #1018281f,0 7px 16px #1018282e}.myZoneMapPricePin:before,.myZoneMapPricePin:after{content:"";pointer-events:none;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.myZoneMapPricePin:before{border-top:10px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;bottom:-10px}.myZoneMapPricePin:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--my-zone-marker-color);bottom:-7px}.myZoneMapPricePinValue{letter-spacing:-.15px;font-variant-numeric:tabular-nums;text-shadow:0 1px 1px #00000038;white-space:nowrap;font-size:11px;font-weight:950;line-height:1}.myZoneMapMarker:hover .myZoneMapPricePin{filter:brightness(1.04);transform:translateY(-3px)scale(1.045)}.myZoneUserLocation{background:#2563eb;border:3px solid #fff;border-radius:999px;width:16px;height:16px;display:block;position:relative;box-shadow:0 0 0 2px #2563eb57,0 4px 14px #10182847}.myZoneUserLocation:after{content:"";border:1px solid #2563eb4d;border-radius:999px;position:absolute;inset:-8px}@media (max-width:760px){.appMain:has(>.myZonePage){padding-bottom:0;overflow:hidden}.myZonePage{height:calc(100dvh - 128px);min-height:390px;padding:8px 8px 0}.myZoneMapFrame{border-radius:15px}.myZoneMapStatus{max-width:calc(100% - 92px);top:9px;left:9px}.myZoneLocateButton{top:62px;left:9px}.myZoneLegend{grid-template-columns:auto 58px auto;bottom:78px;right:9px}.myZoneLegend i{width:58px}.myZoneMapNotice{bottom:118px}}@media (max-width:560px){.myZonePage{height:calc(100dvh - 120px)}}@media (max-width:420px){.myZoneMapPricePin{border-radius:10px;min-width:53px;height:31px;padding-inline:7px}.myZoneMapPricePinValue{font-size:10px}}
.hero{isolation:isolate;position:relative}.hero>.heroCopy,.hero>.productPreviewShell{z-index:1;position:relative}.hero:before{content:"";z-index:0;aspect-ratio:1;pointer-events:none;opacity:0;background:repeating-radial-gradient(circle,#2563eb2e 0 1px,#0000 1px 68px);border-radius:50%;width:clamp(360px,44vw,620px);animation:2.1s cubic-bezier(.22,1,.36,1) .22s 3 both rsRadarAcquire;position:absolute;top:50%;right:clamp(-96px,-5vw,-24px);transform:translateY(-50%)scale(.9)}.hero:after{content:"";z-index:0;pointer-events:none;transform-origin:100%;opacity:0;background:linear-gradient(90deg,#0000,#2563eb80);width:clamp(150px,20vw,290px);height:2px;animation:1.9s cubic-bezier(.4,0,.2,1) .42s 2 both rsRadarSweep;position:absolute;top:50%;right:clamp(84px,18vw,260px);transform:rotate(-58deg)scaleX(.35)}.productPreviewShell{animation:.52s cubic-bezier(.22,1,.36,1) .1s both rsSurfaceAcquire}.previewBrowser:before{content:"";z-index:5;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#2563eb24 16%,#2563ebb8 50%,#2563eb24 84%,#0000);width:86%;height:1px;animation:1.65s cubic-bezier(.4,0,.2,1) .72s 2 both rsPreviewScan;position:absolute;top:56px;left:7%;transform:translateY(0)scaleX(.5)}.decisionHero,.plannerDecisionSummary,.tripRecommendation{animation:.42s cubic-bezier(.22,1,.36,1) both rsSurfaceAcquire}.plannerResults .plannerResultCard{animation:.38s cubic-bezier(.22,1,.36,1) both rsResultAcquire}.plannerResults .plannerResultCard:nth-child(2){animation-delay:55ms}.plannerResults .plannerResultCard:nth-child(3){animation-delay:.11s}.tripTopStopsList .tripTopStopCard{animation:.36s cubic-bezier(.22,1,.36,1) both rsResultAcquire}.tripTopStopsList .tripTopStopCard:nth-child(2){animation-delay:45ms}.tripTopStopsList .tripTopStopCard:nth-child(3){animation-delay:90ms}.tripTopStopsList .tripTopStopCard:nth-child(4){animation-delay:.135s}.tripTopStopsList .tripTopStopCard:nth-child(5){animation-delay:.18s}.decisionLiveDot{isolation:isolate;position:relative}.decisionLiveDot:after{content:"";z-index:-1;pointer-events:none;opacity:0;border:1px solid #12b76a6b;border-radius:50%;animation:.92s cubic-bezier(.2,.65,.3,1) .28s 2 both rsSignalPing;position:absolute;inset:-6px;transform:scale(.55)}.radarMapFrame[data-map-ready=true] .radarMapCanvas{transform-origin:50%;animation:.36s cubic-bezier(.22,1,.36,1) both rsMapAcquire}.radarMapMarker--recommended .radarMapMarkerPin:after,.radarMapMarker--station .radarMapMarkerPin:after{content:"";z-index:-1;pointer-events:none;opacity:0;border:1px solid;border-radius:50%;animation:.94s cubic-bezier(.2,.65,.3,1) .18s 2 both rsSignalPing;position:absolute;inset:-7px;transform:scale(.62)}.radarMapMarker--recommended .radarMapMarkerPin:after{color:#12b76a}.radarMapMarker--station .radarMapMarkerPin:after{color:#2e90fa}.radarMapFrame .maplibregl-popup-content{transform-origin:50% 100%;animation:.17s cubic-bezier(.22,1,.36,1) both rsPopupAcquire}@keyframes rsRadarAcquire{0%{opacity:0;transform:translateY(-50%)scale(.9)}42%{opacity:.7}to{opacity:0;transform:translateY(-50%)scale(1.045)}}@keyframes rsRadarSweep{0%{opacity:0;transform:rotate(-58deg)scaleX(.35)}18%{opacity:.75}82%{opacity:.42}to{opacity:0;transform:rotate(42deg)scaleX(1)}}@keyframes rsPreviewScan{0%{opacity:0;transform:translateY(0)scaleX(.5)}14%{opacity:.72}84%{opacity:.48}to{opacity:0;transform:translateY(265px)scaleX(1)}}@keyframes rsSurfaceAcquire{0%{opacity:.72;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rsResultAcquire{0%{opacity:.58;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes rsSignalPing{0%{opacity:0;transform:scale(.62)}18%{opacity:.62}to{opacity:0;transform:scale(1.55)}}@keyframes rsMapAcquire{0%{opacity:.45;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}@keyframes rsPopupAcquire{0%{opacity:.55;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:760px){.hero:before{width:430px;right:-150px}.hero:after{width:180px;right:38px}.previewBrowser:before{animation-duration:1.2s}}@media (prefers-reduced-motion:reduce){.hero:before,.hero:after,.productPreviewShell,.previewBrowser:before,.decisionHero,.decisionLiveDot:after,.plannerDecisionSummary,.plannerResults .plannerResultCard,.tripRecommendation,.tripTopStopsList .tripTopStopCard,.radarMapFrame[data-map-ready=true] .radarMapCanvas,.radarMapMarker--recommended .radarMapMarkerPin:after,.radarMapMarker--station .radarMapMarkerPin:after,.radarMapFrame .maplibregl-popup-content{animation:none!important}}html[data-motion-ready=true] [data-motion][data-motion-state=pending]{opacity:0;transform:translateY(24px)}html[data-motion-ready=true] [data-motion=hero-copy][data-motion-state=pending]{transform:translate(-18px)}html[data-motion-ready=true] [data-motion=hero-preview][data-motion-state=pending]{transform:translate(24px)scale(.975)}html[data-motion-ready=true] [data-motion][data-motion-state=visible]{animation:rsViewportReveal .62s cubic-bezier(.22, 1, .36, 1) var(--rs-motion-delay,0s) 1 backwards}html[data-motion-ready=true] [data-motion=hero-copy][data-motion-state=visible]{animation-name:rsHeroCopyReveal;animation-duration:.72s}html[data-motion-ready=true] [data-motion=hero-preview][data-motion-state=visible]{animation-name:rsHeroPreviewReveal;animation-duration:.82s}[data-motion-delay="1"]{--rs-motion-delay:90ms}[data-motion-delay="2"]{--rs-motion-delay:.14s}[data-motion-delay="3"]{--rs-motion-delay:.19s}[data-motion-delay="4"]{--rs-motion-delay:.24s}[data-motion-delay="5"]{--rs-motion-delay:.29s}[data-motion-delay="6"]{--rs-motion-delay:.34s}@keyframes rsViewportReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes rsHeroCopyReveal{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0,0)}}@keyframes rsHeroPreviewReveal{0%{opacity:0;transform:translate(24px)scale(.975)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (prefers-reduced-motion:reduce){html[data-motion-ready=true] [data-motion],html[data-motion-ready=true] [data-motion][data-motion-state=pending],html[data-motion-ready=true] [data-motion][data-motion-state=visible]{opacity:1!important;animation:none!important;transform:none!important}}