.landing-page{--landing-shell:min(var(--app-max-width,68rem), 100%);--landing-gutter:clamp(1.25rem, 4vw, 2.5rem);--landing-section:clamp(3.5rem, 8vw, 5.5rem);--landing-gap:clamp(1rem, 2.4vw, 1.35rem);--landing-band-light:var(--page-bg);--landing-band-dark:color-mix(in srgb, var(--surface) 88%, var(--accent) 12%);--landing-ink-soft:color-mix(in srgb, var(--text-primary) 78%, var(--accent-strong) 22%);--landing-ink-muted:var(--text-muted);--landing-accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--landing-accent-line:color-mix(in srgb, var(--accent-strong) 55%, var(--text-primary) 45%);color:var(--text-primary);text-align:center;min-height:100svh}.landing-page .eyebrow{color:var(--accent-strong);letter-spacing:.14em;font-weight:900}.landing-band{padding-block:var(--landing-section);position:relative}.landing-band--light{background:linear-gradient(180deg, var(--landing-band-light) 0%, color-mix(in srgb, var(--page-bg) 92%, var(--surface) 8%) 100%)}.landing-band--dark{background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 84%, var(--accent) 16%) 0%, color-mix(in srgb, var(--surface-alt) 90%, var(--accent) 10%) 48%, color-mix(in srgb, var(--surface) 92%, var(--surface-alt) 8%) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--accent) 18%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--accent) 10%, transparent)}.landing-band--features:before{background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 42%), radial-gradient(circle at 82% 88%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 38%)}.landing-band:before{content:"";pointer-events:none;z-index:0;position:absolute;inset:0}.landing-band--light:before{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 50%)}.landing-band--dark:before{background:radial-gradient(circle at 50% 100%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 45%)}.landing-shell{max-width:var(--landing-shell);padding-inline:var(--landing-gutter);z-index:1;width:100%;margin-inline:auto;position:relative}.landing-block--glass{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-glass) 96%, var(--accent) 4%) 0%, color-mix(in srgb, var(--surface) 90%, transparent) 100%);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow), inset 0 1px 0 #ffffff47}.landing-hero{background:radial-gradient(circle at 50% -10%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 55%), var(--landing-band-light)}.landing-hero.landing-band{padding-block:clamp(2.75rem,8vw,5rem) clamp(3.25rem,7vw,4.75rem)}.landing-hero-shell{justify-items:center;gap:clamp(1.5rem,4vw,2.25rem);display:grid}.landing-masthead{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:.28em;margin:0;font-size:clamp(3.75rem,18vw,9.5rem);font-weight:950;line-height:.88;text-decoration:none;display:inline-flex}.landing-masthead-dot{background:var(--accent-strong);box-shadow:0 0 0 .12em color-mix(in srgb, var(--accent) 24%, transparent);border-radius:50%;flex-shrink:0;width:.18em;min-width:.45rem;height:.18em;min-height:.45rem;margin-inline:.06em}.landing-masthead:hover{color:var(--accent-strong)}.landing-hero-inner{justify-items:center;gap:0;width:100%;max-width:40rem;display:grid}.landing-eyebrow{margin-bottom:.85rem}.landing-hero h1{font-family:var(--font-display);letter-spacing:-.035em;gap:.08em;max-width:28ch;margin:0 auto 1rem;font-size:clamp(1.65rem,3.6vw,2.45rem);font-weight:800;line-height:1.08;display:grid}.landing-hero-headline-line{display:block}.landing-hero-headline-line:last-child{color:var(--landing-accent-line)}.landing-subhead{color:var(--landing-ink-soft);max-width:46ch;margin:0 auto 1.5rem;font-size:clamp(1.02rem,1.6vw,1.15rem);line-height:1.55}.landing-hero-cta{flex-direction:column;align-items:center;width:100%;margin-bottom:1.35rem;display:flex}.landing-sell-btn{min-width:13rem;padding:.9rem 1.55rem;font-size:1.02rem}.landing-cta-hint{color:var(--text-muted);max-width:38ch;margin:.65rem auto 0;font-size:.84rem;font-weight:600;line-height:1.4}.landing-trust{justify-items:center;gap:.55rem;width:100%;max-width:28rem;margin:0 auto;padding:0;list-style:none;display:grid}.landing-trust li{color:var(--landing-ink-soft);text-align:left;justify-content:center;align-items:center;gap:.55rem;font-size:.9rem;font-weight:650;line-height:1.35;display:inline-flex}.landing-check{color:var(--accent-strong);flex-shrink:0}.landing-section-intro{margin-bottom:clamp(1.75rem,4vw,2.5rem);max-width:42rem;margin-inline:auto}.landing-section-intro h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.03em;max-width:22ch;margin:0 auto .65rem;font-size:clamp(1.55rem,3vw,2.1rem);font-weight:800;line-height:1.12}.landing-section-intro--features h2{color:color-mix(in srgb, var(--text-primary) 88%, var(--accent-strong) 12%)}.landing-section-intro .eyebrow{margin-bottom:.65rem}.landing-section-intro>p:last-child{color:var(--landing-ink-muted);max-width:46ch;margin:0 auto;font-size:1.05rem;line-height:1.5}.landing-section-intro--benefits h2{color:color-mix(in srgb, var(--text-primary) 88%, var(--accent-strong) 12%)}.landing-features-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1.15rem,2.8vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.landing-features-grid>li{isolation:isolate;min-width:0;display:flex}.landing-feature-panel{background:linear-gradient(165deg, color-mix(in srgb, var(--surface-glass) 94%, var(--accent) 6%) 0%, color-mix(in srgb, var(--surface) 92%, transparent) 100%);border-top:3px solid color-mix(in srgb, var(--accent) 38%, transparent);flex:1;grid-template-rows:minmax(13.5rem,1fr) auto;gap:.65rem;width:100%;min-width:0;height:100%;min-height:0;padding:.7rem;display:grid;overflow:hidden}.landing-feature-copy{text-align:left;align-content:start;gap:.45rem;padding:.15rem .35rem .35rem;display:grid}.landing-feature-copy h3{color:color-mix(in srgb, var(--text-primary) 90%, var(--accent-strong) 10%);font-family:var(--font-display);letter-spacing:-.02em;min-height:2.6rem;margin:0;font-size:1.08rem;font-weight:800;line-height:1.2}.landing-feature-copy p{color:var(--landing-ink-muted);max-width:none;margin:0;font-size:.9rem;line-height:1.45}.landing-mid-cta{justify-content:center;margin-top:2rem;display:flex}.landing-feature-panel .landing-mock{background:linear-gradient(180deg, color-mix(in srgb, var(--page-bg) 70%, var(--surface) 30%) 0%, color-mix(in srgb, var(--surface) 88%, var(--accent) 12%) 100%);border:1px solid color-mix(in srgb, var(--accent) 16%, var(--border-soft));border-radius:calc(var(--card-radius) - .35rem);box-sizing:border-box;pointer-events:none;text-align:left;-webkit-user-select:none;user-select:none;gap:.5rem;min-width:0;height:100%;min-height:13rem;max-height:15rem;margin:0;padding:.75rem;display:grid;overflow:hidden}.landing-mock-eyebrow{margin:0;font-size:.62rem}.landing-mock--history .landing-history-tabs{--landing-board-tab-radius:.43rem;--landing-board-tabs-radius:.65rem;--landing-board-tabs-pad:.16rem;--landing-board-tabs-gap:.16rem;--landing-board-tab-pad-block:.34rem;--landing-board-tab-pad-inline:.2rem;background:var(--surface-glass);border:var(--card-border);border-radius:var(--landing-board-tabs-radius);box-shadow:none;box-sizing:border-box;align-items:center;gap:var(--landing-board-tabs-gap);max-width:none;padding:var(--landing-board-tabs-pad);grid-template-columns:repeat(4,minmax(0,1fr));width:100%;margin:0;display:grid}.landing-mock--history .landing-history-tab{border-radius:var(--landing-board-tab-radius);box-shadow:none;box-sizing:border-box;color:var(--accent-strong);letter-spacing:-.01em;min-width:0;min-height:0;padding:var(--landing-board-tab-pad-block) var(--landing-board-tab-pad-inline);pointer-events:none;text-align:center;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-self:center;align-items:center;width:100%;margin:0;font-size:.64rem;font-weight:780;line-height:1.1;display:flex}.landing-mock--history .landing-history-tab.is-active{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 92%, var(--accent) 8%), color-mix(in srgb, var(--tile-bg-alt) 84%, var(--accent) 16%));border-color:color-mix(in srgb, var(--tile-muted) 24%, transparent);border-radius:var(--landing-board-tab-radius);box-shadow:0 3px 10px color-mix(in srgb, var(--tile-glow) 32%, transparent);color:#fff8ed}.landing-mock--history{--landing-history-col-task:minmax(0, 1fr);--landing-history-col-odo:4.85rem;--landing-history-col-date:4.85rem;--landing-history-row-height:1.85rem;grid-template-rows:auto minmax(0,1fr);align-content:start}.landing-mock--history .landing-history-tabs{flex:none;height:auto;max-height:none}.landing-mock--history .landing-history-tab{height:auto}.landing-feature-panel .landing-mock--garage{min-height:13.5rem;max-height:15.5rem}.landing-mock--garage{grid-template-rows:auto minmax(0,1fr);gap:.5rem}.landing-mock-garage-heading{width:100%;margin:0}.landing-mock-garage-toggle.garage-view-toggle{pointer-events:none;width:100%;display:flex}.landing-mock-garage-toggle .garage-view-option{cursor:default;pointer-events:none;flex:1 1 0;justify-content:center;min-width:0;padding:.6rem .85rem;font-size:.82rem}.landing-mock-garage-toggle .garage-view-option.is-active{background:var(--tile-bg);color:#fff8ed}.landing-mock-garage-toggle .garage-view-option:not(.is-active){color:var(--accent-strong);background:0 0}.landing-mock-garage-tile-wrap{align-content:center;gap:.5rem;height:100%;min-height:0;display:grid}.landing-mock-garage-tile-wrap .landing-mock-tile--dim{opacity:.88}.landing-mock--garage .landing-mock-tile{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 96%, transparent), color-mix(in srgb, var(--tile-bg-alt) 94%, transparent)), radial-gradient(circle at top right, var(--tile-glow), transparent 9rem);border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);border-radius:var(--card-radius);box-shadow:var(--card-shadow);box-sizing:border-box;color:#fff8ed;pointer-events:none;width:100%;padding:.65rem 1rem;display:block;overflow:visible}.landing-mock--garage .vehicle-tile.landing-mock-tile{height:auto;min-height:0;padding:.65rem 1rem}.landing-mock--garage .vehicle-row-main{text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;padding:0;display:flex}.landing-mock--garage .vehicle-row-main>small{color:var(--tile-muted);font-size:.7rem;font-weight:650}.landing-mock--garage .vehicle-title,.landing-mock--garage .vehicle-title.is-stacked{color:#fff8ed;text-align:left;align-items:flex-start;min-height:auto;font-size:.94rem}.landing-mock--garage .vehicle-title.is-stacked span,.landing-mock--garage .vehicle-title-model{display:block}.landing-mock--recurring.stacked-form{gap:.55rem}.landing-mock--recurring .landing-mock-field,.landing-mock--recurring .task-recurring-field,.landing-mock--recurring .landing-mock-category-row>label{gap:.3rem;min-width:0;margin:0;font-size:.62rem;display:grid}.landing-mock-recurring-field{width:100%}.landing-mock-interval-row{margin-top:.1rem}.landing-mock--recurring .task-recurring-toggle{pointer-events:none;width:100%}.landing-mock--recurring .task-recurring-toggle .garage-view-option{cursor:default;pointer-events:none;padding:.35rem .5rem;font-size:.68rem}.landing-mock--recurring .task-recurring-toggle .garage-view-option.is-active{background:var(--tile-bg);color:#fff8ed}.landing-mock--recurring .task-recurring-toggle .garage-view-option:not(.is-active){color:var(--accent-strong);background:0 0}.landing-mock--recurring .form-row{gap:.45rem}.landing-mock-control{background:var(--surface);border:1px solid var(--border-soft);box-sizing:border-box;color:var(--text-primary);border-radius:.55rem;width:100%;min-height:1.85rem;padding:.4rem .5rem;font-size:.72rem;font-weight:700;line-height:1.25;display:block}.landing-mock-control--select{color:var(--text-muted)}.landing-mock-form-row--muted .landing-mock-control{opacity:.88}.landing-mock--recurring .required-marker{color:var(--accent-strong)}.landing-mock--history .landing-mock-history-table{flex-direction:column;flex:1;gap:.32rem;width:100%;min-height:0;display:flex}.landing-mock-history-head{color:var(--text-muted);grid-template-columns:var(--landing-history-col-task) var(--landing-history-col-odo) var(--landing-history-col-date);letter-spacing:.08em;text-transform:uppercase;flex:none;gap:.28rem;margin:0;padding:.3rem .4rem;font-size:.58rem;font-weight:900;line-height:1.15;display:grid}.landing-mock-history-head>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.landing-mock-history-head>span:first-child{text-align:left}.landing-mock-history-head>span:nth-child(2),.landing-mock-history-head>span:nth-child(3){text-align:center}.landing-mock-history-rows{flex-direction:column;flex:1;gap:.28rem;min-height:0;display:flex}.landing-mock-history-row{background:color-mix(in srgb, var(--surface) 72%, transparent);border:1px solid var(--border-soft);box-sizing:border-box;flex:1 1 var(--landing-history-row-height);grid-template-columns:var(--landing-history-col-task) var(--landing-history-col-odo) var(--landing-history-col-date);min-height:var(--landing-history-row-height);border-radius:.55rem;align-items:center;gap:.28rem;padding:0 .4rem;display:grid}.landing-mock-history-cell{box-sizing:border-box;text-align:center;text-overflow:ellipsis;white-space:nowrap;align-self:center;min-width:0;font-size:.68rem;font-weight:700;line-height:1.2;display:block;overflow:hidden}.landing-mock-history-cell--task{color:var(--text-primary);text-align:left;font-size:.72rem;font-weight:800}.landing-mock-history-cell--odo{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:800}.landing-mock-history-row:not(.landing-mock-history-row--dim) .landing-mock-history-cell:not(.landing-mock-history-cell--task){color:var(--text-muted)}.landing-mock-history-row--dim .landing-mock-history-cell--task{color:var(--text-primary)}.landing-mock-history-row--dim .landing-mock-history-cell--odo,.landing-mock-history-row--dim .landing-mock-history-cell:not(.landing-mock-history-cell--task){color:var(--text-muted);font-weight:700}.landing-mock-history-row--dim{opacity:.82}.landing-benefits .landing-section-intro{text-align:center;margin-inline:auto}.landing-benefits-grid{align-items:stretch;gap:var(--landing-gap);grid-template-columns:repeat(12,minmax(0,1fr));width:100%;max-width:56rem;margin-inline:auto;display:grid}.landing-benefits-grid .landing-benefit.panel{background:linear-gradient(145deg, color-mix(in srgb, var(--surface-glass) 94%, var(--accent) 6%) 0%, color-mix(in srgb, var(--surface) 92%, transparent) 100%);box-sizing:border-box;text-align:left;gap:.5rem;margin:0;padding:1.35rem;display:grid}.landing-benefit--1,.landing-benefit--4{border-inline-start:3px solid color-mix(in srgb, var(--accent) 42%, transparent)}.landing-benefit--1{grid-column:span 7}.landing-benefit--2,.landing-benefit--3{grid-column:span 5}.landing-benefit--4{grid-column:span 7}.landing-benefit h3{color:color-mix(in srgb, var(--text-primary) 88%, var(--accent-strong) 12%);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.12rem;font-weight:800;line-height:1.2}.landing-benefit p{color:var(--landing-ink-muted);margin:0;font-size:.94rem;line-height:1.5}.landing-testimonials-note{opacity:.9;font-size:.9rem!important}.landing-quotes{gap:var(--landing-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.landing-quote{text-align:center;gap:1rem;height:100%;margin:0;padding:1.35rem 1.25rem 1.2rem;display:grid}.landing-quote p{max-width:34ch;margin:0 auto;font-size:.98rem;font-weight:650;line-height:1.55}.landing-quote footer{border-top:1px solid var(--border-soft);gap:.15rem;margin-top:auto;padding-top:.85rem;display:grid}.landing-quote cite{font-family:var(--font-display);letter-spacing:-.02em;font-size:.92rem;font-style:normal;font-weight:800}.landing-quote footer span{color:var(--text-muted);font-size:.82rem;font-weight:700}.landing-close .landing-shell{justify-content:center;display:flex}.landing-close-panel{background:linear-gradient(155deg, color-mix(in srgb, var(--surface-glass) 92%, var(--accent) 8%) 0%, color-mix(in srgb, var(--surface) 90%, transparent) 100%);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border-soft));width:100%;max-width:44rem;padding:clamp(2rem,4vw,2.75rem) clamp(1.5rem,4vw,2.25rem)}.landing-close-panel h2{color:color-mix(in srgb, var(--text-primary) 86%, var(--accent-strong) 14%);font-family:var(--font-display);letter-spacing:-.035em;max-width:18ch;margin:0 auto .85rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.landing-close-panel .eyebrow{margin-bottom:.65rem}.landing-close-lead{color:var(--landing-ink-soft);max-width:40ch;margin:0 auto 1.5rem;font-size:clamp(1rem,1.8vw,1.1rem);line-height:1.5}.landing-close-signin{color:var(--accent-strong);font-weight:750}.landing-close-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.landing-close-cta{min-width:14rem;padding:1rem 2rem;font-size:1.08rem}@media (width<=900px){.landing-features-grid,.landing-quotes{grid-template-columns:1fr}.landing-benefit--1,.landing-benefit--2,.landing-benefit--3,.landing-benefit--4{grid-column:span 12}}@media (width<=640px){.landing-masthead{font-size:clamp(2.75rem,16vw,4.25rem)}.landing-feature-panel{grid-template-rows:minmax(11.5rem,1fr) auto;padding:.6rem}.landing-feature-panel .landing-mock{min-height:11rem;max-height:13.5rem}.landing-feature-panel .landing-mock--garage{min-height:12rem;max-height:14.5rem}.landing-feature-copy h3{min-height:0}.landing-hero h1{max-width:none}.landing-hero-cta .btn-primary,.landing-mid-cta .btn-primary,.landing-close-cta{width:100%}.landing-features-grid{max-width:22rem;margin-inline:auto}}:root{--vehicle-control-size:2rem;--vehicle-control-gap:.4rem;--vehicle-control-inset:.85rem;--app-max-width:calc(1520px - 1.5cm);--garage-action-panel-height:450px;--board-row-min-height:clamp(4.5rem, 6vw, 5rem);--surface-card-padding:clamp(1rem, 2vw, 1.5rem);--nav-bar-padding-block:.58rem;--nav-bar-padding-inline:.82rem;--top-nav-height:3.85rem;--detail-section-gap:1.15rem;--detail-hero-card-width:440px;--detail-side-width:calc(var(--detail-hero-card-width) * 2 / 3);--detail-shell-padding-inline:clamp(1rem, 2.4vw, 2.4rem);--detail-shell-padding-block:var(--detail-section-gap);--service-board-height:calc(66.667svh - var(--top-nav-height) - var(--detail-shell-padding-block) - var(--detail-shell-padding-block) - var(--detail-section-gap) - var(--detail-section-gap) - var(--detail-section-gap) + .667rem);--detail-hero-height:calc(33.333svh + 1.25rem);--card-radius:1.25rem;--card-shadow:0 12px 32px -14px var(--card-shadow-color);--status-due-text:var(--accent-strong);--status-soon-text:#4a3410;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:#4a3410;--text-on-accent:#fff8ed;--font-sans:Aptos, "Segoe UI Variable", "Segoe UI", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Aptos Display", Aptos, "Segoe UI Variable Display", "Segoe UI", Inter, ui-sans-serif, system-ui, sans-serif;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}html{scrollbar-gutter:stable;scrollbar-width:none;overflow-x:clip}.marketing-shell{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 18%, transparent), transparent 55%), var(--page-bg,#f4efe6);place-items:center;min-height:100svh;padding:clamp(1.5rem,4vw,3rem);display:grid}.marketing-panel{border-radius:var(--card-radius,1.25rem);background:var(--surface,#fff8ed);width:min(42rem,100%);box-shadow:var(--card-shadow,0 12px 32px -14px #0003);gap:1rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.marketing-panel h1{font-family:var(--font-display);margin:0;line-height:1.1}.marketing-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.marketing-footnote{margin:.5rem 0 0;font-size:.92rem}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}html[data-colour-scheme=heritage],body[data-colour-scheme=heritage]{--accent:#9a542a;--accent-strong:#7b4b2d;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#9a542a14;--highlight-strong:#9a542a24;--tile-bg:#241b16;--tile-bg-alt:#4a3122;--tile-bg-hover:#5c3a24;--tile-glow:#c2703952;--tile-glow-hover:#c2703973;--tile-muted:#d9c4aa;--surface:#fffbf4;--surface-alt:#f1e3d2;--surface-strong:#ebe0d0;--surface-glass:color-mix(in srgb, var(--surface) 76%, transparent);--surface-shadow:color-mix(in srgb, var(--accent-strong) 18%, transparent);--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#241b16;--text-muted:color-mix(in srgb, var(--accent-strong) 42%, #6c594d 58%);--text-inverse:#fff8ed;--status-due-text:var(--accent-strong);--status-soon-text:#4a3410;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #4a3410 72%, var(--accent-strong) 28%)}html[data-colour-scheme=coastal],body[data-colour-scheme=coastal]{--accent:#1f7f9a;--accent-strong:#145a70;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#2d6b841a;--highlight-strong:#2d6b8429;--surface:#e1f6f8;--surface-alt:#8fc8d3;--surface-strong:#b8e3ea;--surface-glass:#e1f6f8c2;--surface-shadow:#1f7f9a38;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#0f3d4d;--text-muted:#326f7d;--tile-bg:#0f3441;--tile-bg-alt:#17657a;--tile-bg-hover:#1f7f9a;--tile-glow:#47b9d057;--tile-glow-hover:#47b9d080;--tile-muted:#bcebf2;--status-due-text:var(--accent-strong);--status-soon-text:#083844;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #083844 88%, var(--text-primary) 12%)}html[data-colour-scheme=forest],body[data-colour-scheme=forest]{--accent:#3f7a35;--accent-strong:#285922;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#34623f1a;--highlight-strong:#34623f29;--surface:#edf4dc;--surface-alt:#a8c488;--surface-strong:#c9ddb0;--surface-glass:#edf4dcc2;--surface-shadow:#3f7a3538;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#1b3d18;--text-muted:#526f3e;--tile-bg:#18341a;--tile-bg-alt:#38642f;--tile-bg-hover:#4c7d3d;--tile-glow:#82b35c57;--tile-glow-hover:#82b35c80;--tile-muted:#d9edc6;--status-due-text:var(--accent-strong);--status-soon-text:#2a4210;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #2a4210 88%, var(--text-primary) 12%)}html[data-colour-scheme=crimson],body[data-colour-scheme=crimson]{--accent:#a73532;--accent-strong:#7d2524;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#8f332d1a;--highlight-strong:#8f332d29;--surface:#fae3dc;--surface-alt:#d99187;--surface-strong:#efb8ae;--surface-glass:#fae3dcc2;--surface-shadow:#a7353238;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#491513;--text-muted:#884b44;--tile-bg:#3a1112;--tile-bg-alt:#7b2526;--tile-bg-hover:#a73532;--tile-glow:#d7554d57;--tile-glow-hover:#d7554d80;--tile-muted:#f1c2bc;--status-due-text:var(--accent-strong);--status-soon-text:#4a3410;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:#4a3410}html[data-colour-scheme=midnight],body[data-colour-scheme=midnight]{--accent:#5f4dd4;--accent-strong:#3a2a88;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#5b46a01a;--highlight-strong:#5b46a029;--surface:#ece8ff;--surface-alt:#a99be6;--surface-strong:#c9c0f4;--surface-glass:#ece8ffc2;--surface-shadow:#5f4dd43d;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#1c1745;--text-muted:#5b5190;--tile-bg:#16133d;--tile-bg-alt:#3c2d91;--tile-bg-hover:#5f4dd4;--tile-glow:#8570ff5c;--tile-glow-hover:#8570ff85;--tile-muted:#d8d0ff;--status-due-text:var(--accent-strong);--status-soon-text:#2a1a68;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #2a1a68 90%, var(--text-primary) 10%)}html[data-colour-scheme=brass],body[data-colour-scheme=brass]{--accent:#b87b13;--accent-strong:#7a5010;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#b17a1c1a;--highlight-strong:#b17a1c29;--surface:#fbefc8;--surface-alt:#d9ad48;--surface-strong:#edd083;--surface-glass:#fbefc8c2;--surface-shadow:#b87b133d;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#3f2908;--text-muted:#7f6426;--tile-bg:#372306;--tile-bg-alt:#735113;--tile-bg-hover:#a66d13;--tile-glow:#e2ab345c;--tile-glow-hover:#e2ab3485;--tile-muted:#f4dda1;--status-due-text:var(--accent-strong);--status-soon-text:#5c3a08;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #5c3a08 88%, var(--text-primary) 12%)}html[data-colour-scheme=slate],body[data-colour-scheme=slate]{--accent:#556f7d;--accent-strong:#344953;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#60727c1a;--highlight-strong:#60727c29;--surface:#e7edf0;--surface-alt:#9cafb8;--surface-strong:#c3d0d6;--surface-glass:#e7edf0c2;--surface-shadow:#556f7d38;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#172227;--text-muted:#50646d;--tile-bg:#182126;--tile-bg-alt:#415661;--tile-bg-hover:#556f7d;--tile-glow:#8da6b257;--tile-glow-hover:#8da6b280;--tile-muted:#d7e2e7;--status-due-text:var(--accent-strong);--status-soon-text:#1e343c;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #1e343c 90%, var(--text-primary) 10%)}html[data-colour-scheme=plum],body[data-colour-scheme=plum]{--accent:#a33c99;--accent-strong:#76286f;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#9a4c8f1a;--highlight-strong:#9a4c8f29;--surface:#fae5f6;--surface-alt:#ca82c0;--surface-strong:#e6b1de;--surface-glass:#fae5f6c2;--surface-shadow:#a33c993d;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#391430;--text-muted:#805173;--tile-bg:#2f122a;--tile-bg-alt:#712f68;--tile-bg-hover:#9a3a8f;--tile-glow:#d056c25c;--tile-glow-hover:#d056c285;--tile-muted:#f0c8eb;--status-due-text:var(--accent-strong);--status-soon-text:#4d1848;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #4d1848 90%, var(--text-primary) 10%)}html[data-colour-scheme=racing],body[data-colour-scheme=racing]{--page-bg:#f0f0f0;--accent:#565656;--accent-strong:#111;--border-soft:color-mix(in srgb, var(--accent) 24%, transparent);--border-strong:color-mix(in srgb, var(--accent) 42%, transparent);--card-border:1px solid var(--border-soft);--highlight-soft:#11111114;--highlight-strong:#11111124;--surface:#f7f7f7;--surface-alt:#dcdcdc;--surface-strong:#dcdcdcf0;--surface-glass:#f7f7f7b8;--surface-shadow:#11111129;--card-shadow-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--text-primary:#111;--text-muted:#565656;--tile-bg:#111;--tile-bg-alt:#343434;--tile-bg-hover:#4f4f4f;--tile-glow:#ffffff38;--tile-glow-hover:#ffffff57;--tile-muted:#eee;--status-due-text:var(--accent-strong);--status-soon-text:#2a2a2a;--garage-summary-due-text:var(--accent-strong);--garage-summary-soon-text:color-mix(in srgb, #2a2a2a 92%, var(--text-primary) 8%)}html[data-theme-mode=dark],body[data-theme-mode=dark]{--border-soft:color-mix(in srgb, var(--tile-muted) 22%, transparent);--border-strong:color-mix(in srgb, var(--tile-muted) 36%, transparent);--card-border:1px solid var(--border-soft);--surface:color-mix(in srgb, var(--tile-bg) 72%, var(--accent) 8%);--surface-alt:color-mix(in srgb, var(--tile-bg-alt) 58%, #050403 42%);--surface-strong:color-mix(in srgb, var(--tile-bg-alt) 72%, var(--accent) 12%);--surface-glass:color-mix(in srgb, var(--tile-bg) 70%, transparent);--surface-shadow:color-mix(in srgb, var(--tile-glow) 38%, transparent);--card-shadow-color:#00000061;--text-primary:#f7efe4;--text-muted:var(--tile-muted);--text-inverse:#fff8ed;--status-due-text:color-mix(in srgb, #f2b8b3 90%, var(--accent) 10%);--status-soon-text:color-mix(in srgb, #f3d9a8 88%, var(--accent) 12%)}body[data-theme-mode=dark][data-colour-scheme=heritage]{--accent:#d18445;--accent-strong:#a76432;--highlight-soft:#d1844529;--highlight-strong:#d184453d;--tile-bg:#17110d;--tile-bg-alt:#5b351c;--tile-bg-hover:#7b4b2d;--tile-glow:#d1844557;--tile-glow-hover:#d1844580;--tile-muted:#f0cda8}body[data-theme-mode=dark][data-colour-scheme=coastal]{--accent:#5ec0de;--accent-strong:#2f8cac;--highlight-soft:#5ec0de29;--highlight-strong:#5ec0de3d;--tile-bg:#071922;--tile-bg-alt:#0e4960;--tile-bg-hover:#176a88;--tile-glow:#5ec0de57;--tile-glow-hover:#5ec0de80;--tile-muted:#bfefff}body[data-theme-mode=dark][data-colour-scheme=forest]{--accent:#77c66b;--accent-strong:#4f9a46;--highlight-soft:#77c66b29;--highlight-strong:#77c66b3d;--tile-bg:#071b10;--tile-bg-alt:#1f5d2f;--tile-bg-hover:#2f7a40;--tile-glow:#77c66b57;--tile-glow-hover:#77c66b80;--tile-muted:#d8f0d1}body[data-theme-mode=dark][data-colour-scheme=crimson]{--accent:#e06b68;--accent-strong:#aa3f3b;--highlight-soft:#e06b6829;--highlight-strong:#e06b683d;--tile-bg:#240b0d;--tile-bg-alt:#6a1d28;--tile-bg-hover:#8f332d;--tile-glow:#e06b6857;--tile-glow-hover:#e06b6880;--tile-muted:#f3c7c4}body[data-theme-mode=dark][data-colour-scheme=midnight]{--accent:#9b86ff;--accent-strong:#6954d6;--highlight-soft:#9b86ff29;--highlight-strong:#9b86ff3d;--tile-bg:#111026;--tile-bg-alt:#4634a0;--tile-bg-hover:#5b46c7;--tile-glow:#9b86ff57;--tile-glow-hover:#9b86ff80;--tile-muted:#ddd6ff}body[data-theme-mode=dark][data-colour-scheme=brass]{--accent:#e2b64a;--accent-strong:#ad7c1d;--highlight-soft:#e2b64a29;--highlight-strong:#e2b64a3d;--tile-bg:#201506;--tile-bg-alt:#735014;--tile-bg-hover:#9a6a17;--tile-glow:#e2b64a57;--tile-glow-hover:#e2b64a80;--tile-muted:#f3df9f}body[data-theme-mode=dark][data-colour-scheme=slate]{--accent:#9db8c5;--accent-strong:#60727c;--highlight-soft:#9db8c529;--highlight-strong:#9db8c53d;--tile-bg:#11181c;--tile-bg-alt:#4e6673;--tile-bg-hover:#60727c;--tile-glow:#9db8c557;--tile-glow-hover:#9db8c580;--tile-muted:#dce8ed}body[data-theme-mode=dark][data-colour-scheme=plum]{--accent:#df85d0;--accent-strong:#a9519b;--highlight-soft:#df85d029;--highlight-strong:#df85d03d;--tile-bg:#211020;--tile-bg-alt:#75346d;--tile-bg-hover:#9a4c8f;--tile-glow:#df85d057;--tile-glow-hover:#df85d080;--tile-muted:#f1cfec}body[data-theme-mode=dark][data-colour-scheme=racing]{--accent:#d9d9d9;--accent-strong:#f4f4f4;--highlight-soft:#ffffff1f;--highlight-strong:#fff3;--tile-bg:#050505;--tile-bg-alt:#2a2a2a;--tile-bg-hover:#444;--tile-glow:#ffffff42;--tile-glow-hover:#ffffff6b;--tile-muted:#f0f0f0}*{box-sizing:border-box}section,article,aside,div,button,table{min-width:0}body{min-width:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 22%, transparent), transparent 28rem), linear-gradient(135deg, var(--surface) 0%, var(--surface-alt) 100%);margin:0;overflow-x:clip}html[data-theme-mode=light] .top-nav,html[data-theme-mode=light] .hero-intro,html[data-theme-mode=light] .dashboard-intro,html[data-theme-mode=light] .dashboard-hero .garage-summary,html[data-theme-mode=light] .panel,html[data-theme-mode=light] .task-board-group.panel,html[data-theme-mode=light] .board-tabs{border-color:var(--border-soft)}@media (prefers-color-scheme:light){html[data-theme-mode=system] .top-nav,html[data-theme-mode=system] .hero-intro,html[data-theme-mode=system] .dashboard-intro,html[data-theme-mode=system] .dashboard-hero .garage-summary,html[data-theme-mode=system] .panel,html[data-theme-mode=system] .task-board-group.panel,html[data-theme-mode=system] .board-tabs{border-color:var(--border-soft)}}body[data-theme-mode=dark]{color:#f7efe4;background:radial-gradient(circle at top left, var(--tile-glow), transparent 30rem), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent) 20%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 78%, #050403 22%) 0%, color-mix(in srgb, var(--tile-bg-alt) 72%, #050403 28%) 100%)}body[data-colour-scheme=heritage][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#6f472b3d,#0000 28rem),linear-gradient(135deg,#efe2cf 0%,#c9aa83 100%)}body[data-colour-scheme=coastal][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#1f7f9a3d,#0000 28rem),linear-gradient(135deg,#e1f6f8 0%,#8fc8d3 100%)}body[data-colour-scheme=forest][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#3f7a3540,#0000 28rem),linear-gradient(135deg,#edf4dc 0%,#a8c488 100%)}body[data-colour-scheme=crimson][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#a735323d,#0000 28rem),linear-gradient(135deg,#fae3dc 0%,#d99187 100%)}body[data-colour-scheme=midnight][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#5f4dd440,#0000 28rem),linear-gradient(135deg,#ece8ff 0%,#a99be6 100%)}body[data-colour-scheme=brass][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#b87b1340,#0000 28rem),linear-gradient(135deg,#fbefc8 0%,#d9ad48 100%)}body[data-colour-scheme=slate][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#556f7d3d,#0000 28rem),linear-gradient(135deg,#e7edf0 0%,#9cafb8 100%)}body[data-colour-scheme=plum][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#a33c9940,#0000 28rem),linear-gradient(135deg,#fae5f6 0%,#ca82c0 100%)}body[data-colour-scheme=racing][data-theme-mode=light]{background:radial-gradient(circle at 0 0,#11111129,#0000 28rem),linear-gradient(135deg,#f7f7f7 0%,#dcdcdc 100%)}@media (prefers-color-scheme:dark){html[data-theme-mode=system],body[data-theme-mode=system]{--border-soft:color-mix(in srgb, var(--tile-muted) 22%, transparent);--border-strong:color-mix(in srgb, var(--tile-muted) 36%, transparent);--card-border:1px solid var(--border-soft);--surface:color-mix(in srgb, var(--tile-bg) 72%, var(--accent) 8%);--surface-alt:color-mix(in srgb, var(--tile-bg-alt) 58%, #050403 42%);--surface-strong:color-mix(in srgb, var(--tile-bg-alt) 72%, var(--accent) 12%);--surface-glass:color-mix(in srgb, var(--tile-bg) 70%, transparent);--surface-shadow:color-mix(in srgb, var(--tile-glow) 38%, transparent);--text-primary:#f7efe4;--text-muted:var(--tile-muted);--text-inverse:#fff8ed;color:var(--text-primary);background:radial-gradient(circle at top left, var(--tile-glow), transparent 30rem), radial-gradient(circle at bottom right, color-mix(in srgb, var(--accent) 20%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 78%, #050403 22%) 0%, color-mix(in srgb, var(--tile-bg-alt) 72%, #050403 28%) 100%)}}button,input,select,textarea{font:inherit}body,body *{cursor:default}button:not(:disabled),button:not(:disabled) *,select,summary,summary *,.vehicle-row-main,.vehicle-row-main *,.board-tab,.board-tab *,.garage-view-option,.garage-view-option *,.profile-button,.profile-button *,.garage-order-button,.garage-order-button *,.segmented-option,.segmented-option *,.colour-scheme-option,.colour-scheme-option *{cursor:pointer}button:disabled,button:disabled *{cursor:not-allowed}input:not([type=checkbox]):not([type=radio]),textarea{cursor:text}:where(button,.vehicle-tile,.vehicle-row-main,.board-tab,.garage-view-option,.task-complete-button,.table-action-button,.profile-button,.garage-order-button){transition:background .18s,background-color .18s,border-color .18s,box-shadow .18s,color .18s,opacity .18s,transform .18s}button{color:var(--accent-strong);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.85rem 1.2rem;font-weight:800}button:is([type=submit],.btn-primary),.modal-panel .modal-actions>button[type=submit],.modal-panel .modal-actions>.btn-primary,.modal-panel button[type=submit],.profile-button,.settings-inline-button,.dashboard-grid>.new-vehicle-panel button,.garage-access-bar .garage-access-cta{appearance:none;background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 96%, var(--accent) 4%), color-mix(in srgb, var(--tile-bg-alt) 90%, var(--accent) 10%));border:1px solid color-mix(in srgb, var(--tile-muted) 26%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}button:is([type=submit],.btn-primary):hover,.modal-panel .modal-actions>button[type=submit]:hover,.modal-panel .modal-actions>.btn-primary:hover,.modal-panel button[type=submit]:hover,.profile-button:hover,.settings-inline-button:hover,.dashboard-grid>.new-vehicle-panel button:hover,.garage-access-bar .garage-access-cta:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg-hover) 94%, var(--accent) 6%), color-mix(in srgb, var(--tile-bg-alt) 86%, var(--accent) 14%));box-shadow:0 8px 20px color-mix(in srgb, var(--tile-glow) 42%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}a.btn-primary,a.ghost{box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:inline-flex}a.btn-primary{appearance:none;background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 96%, var(--accent) 4%), color-mix(in srgb, var(--tile-bg-alt) 90%, var(--accent) 10%));border:1px solid color-mix(in srgb, var(--tile-muted) 26%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed;border-radius:999px;padding:.85rem 1.2rem}a.btn-primary:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg-hover) 94%, var(--accent) 6%), color-mix(in srgb, var(--tile-bg-alt) 86%, var(--accent) 14%));box-shadow:0 8px 20px color-mix(in srgb, var(--tile-glow) 42%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}a.ghost{box-shadow:none;color:var(--accent-strong);background:0 0;border:1px solid #0000;border-radius:999px;padding:.85rem .75rem}a.ghost:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:none;border-color:#0000}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{background:var(--accent-strong);border-color:color-mix(in srgb, var(--accent-strong) 72%, transparent);color:var(--text-on-accent)}button.secondary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--accent-strong) 12%);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 22%, transparent)}button.ghost{box-shadow:none;color:var(--accent-strong);background:0 0;border-color:#0000;padding-inline:.75rem}button.ghost:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:none;border-color:#0000}button.danger{color:#9d2f24}button.ghost.danger{box-shadow:none;color:#9d2f24;background:0 0;border-color:#0000}button.ghost.danger:hover{box-shadow:none;color:#9d2f24;background:#9d2f241a;border-color:#0000}button.danger-confirm{color:var(--text-on-accent);background:linear-gradient(135deg,#7d2524,#a73532);border-color:#9d2f2461}button.danger-confirm:hover{background:linear-gradient(135deg,#a73532,#c14740);box-shadow:0 8px 20px #9d2f2442}.icon-button{flex:none;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}button.ghost.icon-button{padding:0}.trash-icon,.action-icon{fill:currentColor;width:1.15rem;height:1.15rem}input,select,textarea{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 88%, var(--accent) 4%);width:100%;color:var(--text-primary);border-radius:.78rem;padding:.72rem .82rem}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input:focus,textarea:focus{background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}select{--select-arrow-color:var(--accent-strong);--select-track-color:color-mix(in srgb, var(--accent-strong) 12%, transparent);--select-track-color-end:color-mix(in srgb, var(--accent-strong) 4%, transparent);--select-fill:color-mix(in srgb, var(--surface) 88%, var(--accent) 4%);appearance:none;background:linear-gradient(45deg, transparent 50%, var(--select-arrow-color) 50%) calc(100% - 1.15rem) 54% / .42rem .42rem no-repeat, linear-gradient(135deg, var(--select-arrow-color) 50%, transparent 50%) calc(100% - .87rem) 54% / .42rem .42rem no-repeat, linear-gradient(90deg, var(--select-track-color), var(--select-track-color-end)) right / 2.8rem 100% no-repeat, var(--select-fill);cursor:pointer;padding-right:3.25rem;font-weight:800;transition:none}select:hover,select:focus,select:focus-visible,select:active{border-color:var(--accent)}select:focus,select:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}select option{background:var(--surface);color:var(--text-primary)}textarea{resize:vertical}label{gap:var(--form-label-gap,.45rem);color:var(--text-muted);font-size:.85rem;font-weight:800;display:grid}.field-label{line-height:1.2;display:block}.required-marker{color:#9d2f24;font-weight:900}.field-error{color:#9d2f24;font-size:.78rem;font-weight:820;line-height:1.25;display:block}h1,h2,h3,p{margin-top:0}h1{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.055em;max-width:11ch;font-size:clamp(2.35rem,6vw,5.8rem);font-weight:800;line-height:.92}h2{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:1rem;font-size:clamp(1.35rem,2vw,2rem);font-weight:800}h3{font-family:var(--font-display);letter-spacing:-.025em;margin-bottom:.35rem;font-weight:800}p{color:var(--text-muted);line-height:1.65}.app-shell{box-sizing:border-box;gap:var(--detail-section-gap);max-width:min(var(--app-max-width), 100%);padding-block:var(--detail-shell-padding-block);padding-inline:var(--detail-shell-padding-inline);width:min(100%, var(--app-max-width));margin:0 auto;display:grid}.detail-viewport{box-sizing:border-box;gap:var(--detail-section-gap);height:calc(100dvh - 2 * var(--detail-shell-padding-block));max-height:calc(100dvh - 2 * var(--detail-shell-padding-block));grid-template-rows:auto auto minmax(0,1fr);width:100%;display:grid;overflow:hidden}.detail-viewport .detail-layout{min-height:0;overflow:hidden}.detail-viewport .detail-main,.detail-viewport .detail-side-stack,.detail-viewport .task-board-group{height:100%;min-height:0;max-height:100%}.top-nav{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:var(--nav-bar-padding-block) var(--nav-bar-padding-inline);justify-content:space-between;align-items:center;gap:1rem;display:flex}.nav-card-stack{align-items:stretch;gap:var(--detail-section-gap);grid-template-columns:max-content minmax(0,1fr);min-width:0;max-width:100%;display:grid}.nav-greeting-card{align-items:center;min-width:0;display:flex}.nav-greeting-card strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;font-weight:800;line-height:1.2;display:block}.top-nav-actions{align-items:center;gap:.65rem;display:flex}.weather-nav-card{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 96%, transparent), color-mix(in srgb, var(--tile-bg-alt) 94%, transparent)), radial-gradient(circle at top right, var(--tile-glow), transparent 12rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:var(--text-on-accent);cursor:default;height:100%;padding:var(--nav-bar-padding-block) .7rem;align-items:center;gap:.35rem;width:max-content;display:inline-flex}.weather-nav-card:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem)}.weather-nav-card,.weather-nav-card:hover,.weather-nav-card *{cursor:default}.weather-nav-card>div{justify-items:start;gap:.15rem;min-width:0;display:grid}.weather-nav-card strong{color:var(--text-on-accent);letter-spacing:-.075em;font-size:1.65rem;line-height:.85;display:block}.weather-nav-card small{color:var(--tile-muted);text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-size:.75rem;font-weight:800;line-height:1.1;display:block;overflow:hidden}.weather-icon{fill:none;height:2.18rem;stroke:var(--text-on-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;flex:none;width:2.18rem}.weather-icon circle{fill:color-mix(in srgb, var(--text-on-accent) 14%, transparent)}.app-footer{color:var(--text-muted);justify-content:flex-start;align-items:center;padding-block:.35rem .75rem;padding-inline:0;font-size:.86rem;display:flex}.app-footer span:first-child{color:var(--accent-strong);font-weight:900}.top-nav .eyebrow{margin-bottom:.15rem}.top-nav strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.2rem;display:block}.profile-button{border-radius:999px;align-items:center;gap:.65rem;min-width:0;padding:.34rem .7rem .34rem .34rem;display:inline-flex}.profile-button-label{letter-spacing:-.01em;white-space:nowrap;font-weight:800}.profile-button-avatar{flex:none}.logout-button{letter-spacing:-.01em;white-space:nowrap;border-radius:999px;padding:.5rem .95rem;font-weight:800}.profile-button img,.profile-button-avatar{object-fit:cover;border-radius:999px;flex:none;width:2rem;height:2rem}.profile-button-avatar{background:color-mix(in srgb, var(--accent-strong) 52%, #fff8ed 48%);color:var(--text-inverse);justify-content:center;align-items:center;font-weight:900;display:inline-flex}@keyframes garageReveal{0%{opacity:0}to{opacity:1}}.garage-reveal,.detail-reveal,.modal-backdrop,.modal-panel{animation:.22s both garageReveal}.hero{box-shadow:none;box-sizing:border-box;align-items:stretch;gap:var(--detail-section-gap);height:var(--detail-hero-height);background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,440px);min-height:0;scroll-margin-top:0;display:grid}.dashboard-hero{box-shadow:none;align-items:stretch;gap:var(--detail-section-gap);background:0 0;grid-template-columns:minmax(0,440px) minmax(0,1fr);min-height:460px;display:grid}.hero-intro,.dashboard-intro,.garage-summary,.hero-card,.panel,.task-board-group.panel{border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);overflow:hidden}.task-board-group.panel>.board-tab-panel{border-radius:0 0 calc(var(--card-radius) - .15rem) calc(var(--card-radius) - .15rem);overflow:hidden}.hero-intro,.dashboard-intro{background:linear-gradient(var(--surface-glass), color-mix(in srgb, var(--surface) 88%, transparent));flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,5vw,4rem);display:flex}.hero-intro{min-height:0;padding:clamp(.85rem,1.7vw,1.35rem);overflow:visible}.hero-intro h1{flex:auto;max-width:13ch;margin-bottom:.35rem;font-size:clamp(1.35rem,min(4.2vw,5.2svh),4.3rem);line-height:.92}.hero-intro h1 .hero-headline-desktop{display:none}.hero-intro h1 .hero-headline-mobile{display:inline}@media (width>=1161px){.hero-intro h1 .hero-headline-desktop{display:inline}.hero-intro h1 .hero-headline-mobile{display:none}}.hero-intro p:last-child{flex:none;max-width:54rem;font-size:clamp(.74rem,1.25vw,.95rem);line-height:1.32}.hero-card,.garage-summary{background:var(--tile-bg);color:#fff8ed;flex-direction:column;justify-content:end;gap:.45rem;min-height:280px;padding:2rem;display:flex;container-type:inline-size}.hero .hero-card{height:100%;min-height:0;padding:clamp(.7rem,1.6vw,1.1rem);overflow:hidden}.dashboard-hero .garage-summary{background:linear-gradient(var(--surface-glass), color-mix(in srgb, var(--surface) 88%, transparent));border:var(--card-border);color:var(--text-primary);min-height:clamp(200px,32vw,280px);padding:clamp(1rem,4vw,2rem);overflow:visible;container-type:inline-size}@media (width>=1161px){.dashboard-hero .garage-summary .garage-summary-count{--garage-summary-label-size:.54em}.dashboard-hero .garage-summary .garage-summary-label{letter-spacing:.05em;text-align:left;text-align-last:left}.dashboard-hero .garage-summary .garage-summary-label:after{display:none}}.dashboard-hero .garage-summary .garage-summary-number,.dashboard-hero .garage-summary .garage-summary-label{color:var(--text-primary)!important}.dashboard-hero .garage-summary .garage-summary-meta-due{font-weight:900;color:var(--text-muted)!important}.dashboard-hero .garage-summary .garage-summary-meta-due.has-due{font-weight:950;color:var(--garage-summary-due-text,var(--status-due-text))!important}.dashboard-hero .garage-summary>span:first-child{color:var(--garage-summary-soon-text,var(--status-soon-text))!important}.dashboard-hero .garage-summary .garage-summary-meta-soon{color:var(--text-muted)!important}.dashboard-intro{background:var(--tile-bg);border:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);color:#fff8ed}.dashboard-intro h1{color:#fff8ed}.dashboard-intro p,.dashboard-intro .eyebrow{color:var(--tile-muted)!important}.hero-card>*,.garage-summary>*{width:100%}.make-logo-badge{background:color-mix(in srgb, var(--tile-bg) 92%, var(--accent) 8%);border:1px solid color-mix(in srgb, var(--tile-muted) 34%, transparent);color:#fff8ed;border-radius:999px;align-items:center;gap:.5rem;width:auto;padding:.35rem .7rem .35rem .4rem;display:inline-flex}.make-logo-badge span,.make-logo-badge .make-logo-symbol{color:var(--tile-bg);letter-spacing:-.06em;background:#fff8ed;border-radius:999px;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:.72rem;font-weight:950;line-height:1;display:inline-flex}.make-logo-symbol{letter-spacing:-.04em;text-align:center;white-space:nowrap;padding-inline:.08rem;font-size:clamp(.5rem,2.8cqi,.68rem)}.make-logo-badge small{color:#fff8ed;width:auto;font-size:.78rem;font-weight:900;line-height:1}.ownership-badge{border:1px solid color-mix(in srgb, var(--tile-muted) 38%, transparent);box-sizing:border-box;color:#fff8ed;letter-spacing:.05em;text-align:center;text-indent:.05em;text-transform:uppercase;background:#fff8ed29;border-radius:999px;place-content:center;place-items:center;width:auto;min-width:3.35rem;min-height:1.6rem;padding:.4rem .7rem;font-size:.72rem;font-weight:950;line-height:1;display:inline-grid}.ownership-badge--on-hold{border-color:color-mix(in srgb, var(--accent) 48%, var(--tile-muted));color:#fff8ed;background:#fff8ed24}.vehicle-on-hold-section{display:block}.vehicle-on-hold-section summary{cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:1.85rem;margin:0;padding:0;list-style:none;display:flex}.vehicle-on-hold-section summary::-webkit-details-marker{display:none}.vehicle-on-hold-section summary:after{color:var(--accent);content:"+";font-size:1.15rem;font-weight:900;line-height:1}.vehicle-on-hold-section[open] summary:after{content:"-"}.vehicle-on-hold-section summary .eyebrow{margin-bottom:0}.vehicle-on-hold-section-content{gap:.75rem;padding-top:.45rem;display:grid}.vehicle-on-hold-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;column-gap:.75rem;display:grid}.vehicle-on-hold-date-field{min-width:0}.vehicle-on-hold-action-field{gap:var(--form-label-gap,.45rem);min-width:0;display:grid}.vehicle-on-hold-action-field button{box-sizing:border-box;width:100%}.vehicle-on-hold-action-spacer{visibility:hidden;line-height:1.2;display:block}.garage-access-bar-detail a,.garage-access-bar-detail--backup a{color:var(--accent-strong);text-underline-offset:.12em;font-weight:700;text-decoration:underline}.data-backup-page{gap:1rem;max-width:42rem;margin-inline:auto;padding:1.25rem 1rem 2rem;display:grid}.data-backup-header{gap:.55rem;display:grid}.data-backup-header h1{margin:0}.data-backup-back{justify-self:start;width:auto}.data-backup-panel{gap:.75rem;display:grid}.data-backup-panel--recommended{background:color-mix(in srgb, var(--accent) 11%, var(--surface) 86%);border-color:color-mix(in srgb, var(--accent) 32%, var(--border-soft));gap:.85rem;margin-top:.5rem;padding:1.45rem 1.2rem 1.15rem}.data-backup-value{color:var(--text-primary);margin:0;font-size:1.02rem;font-weight:750;line-height:1.55}.data-backup-sale-note{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:850}.data-backup-sale-note s{color:var(--text-muted);font-weight:700}.data-backup-panel--advanced{background:color-mix(in srgb, var(--surface-alt) 45%, transparent);gap:.55rem;padding:.9rem 1rem;font-size:.92rem}.data-backup-panel .eyebrow{margin-bottom:0}.data-backup-panel h2{margin:0;font-size:1.05rem}.data-backup-list{color:var(--text-muted);gap:.45rem;margin:0;padding-left:1.2rem;line-height:1.5;display:grid}.data-backup-steps{color:var(--text-muted);gap:.55rem;margin:0;padding-left:1.35rem;line-height:1.5;list-style-type:decimal;display:grid}.data-backup-steps li{padding-left:.2rem}.data-backup-actions{gap:.55rem;display:grid}.data-backup-actions .btn-primary,.data-backup-actions .secondary,.data-backup-actions .ghost{text-align:center;justify-content:center;width:100%;text-decoration:none}.hero-sold-line{width:100%;margin:0 0 .5rem}.hero-sold-line small{display:block}.hero-identity-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.hero-identity-row>span{width:auto}.profile-avatar,.settings-profile img,.profile-placeholder{object-fit:cover;border-radius:999px;width:4rem;height:4rem}.profile-avatar{border:2px solid #fff8ed4d;margin-bottom:1rem}.settings-button{align-self:flex-start;margin-top:1rem}.settings-profile{align-items:center;gap:1rem;display:flex}.settings-section{border:1px solid var(--border-soft);border-radius:1.25rem;gap:1rem;padding:1rem;display:grid}.settings-section h3{margin-bottom:0}button.settings-inline-button{justify-self:start;padding:.58rem 1.05rem;font-size:.84rem}.modal-form-section{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--surface-alt) 54%, transparent));border:1px solid var(--border-soft);border-radius:1rem;gap:.75rem;padding:.9rem;display:grid}.modal-form-section-heading{gap:.15rem;display:grid}.modal-form-section-heading .eyebrow,.modal-form-section-heading h3{margin-bottom:0}.vehicle-details-form-compact{gap:.75rem}.vehicle-identity-row{grid-template-columns:minmax(5.25rem,.45fr) minmax(9rem,1fr)}.ownership-fields{border:1px solid var(--border-soft);border-radius:1.25rem;gap:.85rem;padding:1rem;display:grid}.ownership-fields p{margin-bottom:0;font-size:.88rem}.settings-profile p{margin-bottom:0}.settings-helper-text{margin-bottom:0;font-size:.86rem}.settings-data-tools{background:color-mix(in srgb, var(--accent) 7%, var(--surface) 72%);gap:.55rem;padding:.55rem 1rem;display:block}.settings-data-tools p:last-child{margin-bottom:0}.settings-data-tools summary{cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:1.85rem;margin:0;padding:0;list-style:none;display:flex}.settings-data-tools summary::-webkit-details-marker{display:none}.settings-data-tools summary:after{color:var(--accent);content:"+";font-size:1.15rem;font-weight:900;line-height:1}.settings-data-tools[open] summary:after{content:"-"}.settings-data-tools summary .eyebrow{letter-spacing:.18em;text-transform:uppercase;align-self:center;margin:0;padding:0;font-size:.75rem;font-weight:900;line-height:1;display:block}.settings-data-tools-content{gap:.55rem;padding-top:.45rem;display:grid}.settings-danger-zone{background:color-mix(in srgb, #9d2f24 8%, var(--surface) 76%);border-color:#9d2f2457;gap:.55rem;padding:.55rem 1rem;display:block}.settings-danger-zone summary{cursor:pointer;justify-content:space-between;align-items:center;width:100%;min-height:1.85rem;margin:0;padding:0;list-style:none;display:flex}.settings-danger-zone summary::-webkit-details-marker{display:none}.settings-danger-zone summary:after{color:#9d2f24;content:"+";font-size:1.15rem;font-weight:900;line-height:1}.settings-danger-zone[open] summary:after{content:"-"}.settings-danger-zone summary .eyebrow{color:#9d2f24;letter-spacing:.18em;text-transform:uppercase;align-self:center;margin:0;padding:0;font-size:.75rem;font-weight:900;line-height:1;display:block}.settings-danger-zone-content{gap:.55rem;padding-top:.45rem;display:grid}.settings-danger-zone-content .settings-helper-text{font-size:.82rem}.settings-danger-zone-actions{flex-wrap:wrap;gap:.55rem;display:flex}.settings-danger-zone button{justify-self:start}.segmented-field,.colour-scheme-field{border:0;gap:.65rem;margin:0;padding:0;display:grid}.segmented-field legend,.colour-scheme-field legend{color:var(--text-muted);margin-bottom:.45rem;font-size:.9rem;font-weight:900}.colour-scheme-options{flex-wrap:wrap;gap:.75rem;display:flex}.segmented-options{gap:.25rem;width:100%;display:flex}.segmented-option,.colour-scheme-option{cursor:pointer;align-items:center;gap:.55rem;display:inline-flex}.segmented-option{flex:1 1 0;min-width:0;position:relative}.segmented-option input,.colour-scheme-option input{cursor:pointer;opacity:0;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented-option span{border:1px solid var(--border-strong);color:var(--text-primary);pointer-events:none;text-align:center;border-radius:999px;flex:1;justify-content:center;align-items:center;width:100%;min-height:2.65rem;padding:.55rem .85rem;font-weight:900;display:flex}.segmented-option input:checked+span{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff8ed}.colour-scheme-option{border:1px solid var(--border-strong);color:var(--text-primary);font:inherit;text-align:left;background:0 0;border-radius:999px;padding:.45rem .75rem .45rem .45rem;font-weight:900;position:relative}.colour-scheme-option.is-active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.colour-scheme-option:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.colour-swatch{background:var(--swatch-secondary);border:2px solid color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent-strong) 22%, transparent);border-radius:999px;flex:0 0 2rem;width:2rem;height:2rem;position:relative;overflow:hidden}.colour-swatch:before{background:var(--swatch-primary);border-radius:inherit;clip-path:polygon(0 0,100% 0,0 100%);content:"";position:absolute;inset:0}.profile-placeholder{background:color-mix(in srgb, var(--accent-strong) 52%, #fff8ed 48%);color:#fff8ed;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;display:inline-flex}.checkbox-label{align-items:center;gap:.75rem;display:flex}.checkbox-label input{width:auto}.hero-card span:not(.ownership-badge),.hero-card small,.garage-summary span:not(.garage-summary-meta-due):not(.garage-summary-meta-soon):not(.garage-summary-meta-sep),.garage-summary small{color:var(--tile-muted);font-weight:800}.hero-card .make-logo-badge span{color:var(--tile-bg);font-weight:950}.hero-card .make-logo-badge small{color:#fff8ed;width:auto;font-size:.78rem;font-weight:900}.dashboard-hero .garage-summary>span:first-child{letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.68rem,3.8cqi,.88rem);font-weight:900;line-height:1.2}.hero-card>strong{letter-spacing:-.07em;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:clamp(1.5rem,14cqi,5.5rem);line-height:.95;display:block;overflow:hidden}.garage-summary-count{--garage-summary-block-height:.86em;--garage-summary-meta-size:.24em;--garage-summary-label-size:.62em;box-sizing:border-box;letter-spacing:-.07em;white-space:normal;grid-template-columns:auto minmax(0,1fr);align-items:end;column-gap:clamp(.35rem,2.5cqi,.75rem);width:100%;min-width:0;max-width:100%;margin:0;padding:0;font-size:clamp(2.4rem,20cqi,5.5rem);font-weight:900;line-height:1;overflow:visible;display:grid!important}.garage-summary-count>*{margin:0;padding:0}.garage-summary-number{font-size:1em;font-weight:inherit;letter-spacing:inherit;line-height:var(--garage-summary-block-height);white-space:nowrap;grid-area:1/1;justify-self:start;color:#fff8ed!important}.garage-summary-lines{box-sizing:border-box;color:var(--tile-muted);height:var(--garage-summary-block-height);letter-spacing:0;text-align:left;text-transform:uppercase;flex-direction:column;grid-area:1/2;justify-content:space-between;justify-self:stretch;width:100%;min-width:0;max-width:100%;font-size:1em;font-weight:900;line-height:1;display:flex;overflow:visible}.garage-summary-label,.garage-summary-meta{box-sizing:border-box;letter-spacing:0;text-align:justify;text-align-last:justify;white-space:nowrap;flex:none;width:100%;min-width:0;max-width:100%;line-height:1;display:block;overflow:visible}.garage-summary-label:after,.garage-summary-meta:after{content:"";width:100%;height:0;display:inline-block}.garage-summary-label{color:color-mix(in srgb, var(--tile-muted) 55%, #fff8ed 45%);font-size:var(--garage-summary-label-size);font-weight:inherit}.garage-summary-meta{font-size:var(--garage-summary-meta-size);white-space:nowrap}.garage-summary-meta-due,.garage-summary-meta-sep,.garage-summary-meta-soon{white-space:nowrap}.garage-summary-meta-due{color:var(--status-soon-text);font-weight:900}.garage-summary-meta-due.has-due{color:var(--status-due-text);font-weight:950}.garage-summary-meta-sep{color:var(--text-muted);font-weight:800}.garage-summary-meta-soon{color:var(--status-soon-text);font-weight:900}.hero-odometer{letter-spacing:-.1em;flex-wrap:nowrap;justify-content:flex-start;align-items:baseline;gap:.38rem;width:100%;font-size:clamp(3rem, calc(88cqi / (var(--odometer-length) * .45 + .45)), 7.4rem)!important;display:inline-flex!important}.hero-odometer-value{font-variant-numeric:tabular-nums;text-align:left;min-width:0;display:inline-block;color:#fff8ed!important}.hero-card strong small{color:var(--tile-muted);letter-spacing:0;text-align:left;flex:none;align-self:baseline;width:auto;margin:0;padding:0 0 .06em;font-size:.28em;line-height:1}.hero-card-meta{gap:.25rem;padding-top:.75rem;display:grid}.hero-card-meta small{width:100%;display:block}@container (width<=280px){.hero-card>strong{letter-spacing:-.06em;font-size:clamp(1.9rem,18cqi,3.35rem)}.vehicle-title{font-size:clamp(1.62rem, calc(100cqw * var(--vehicle-title-scale,.14)), 3.35rem);letter-spacing:-.06em}.garage-summary-count{letter-spacing:-.06em;font-size:clamp(1.9rem,18cqi,3.35rem)}.hero-card>strong small{font-size:.22em}}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:900}.panel{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;padding:var(--surface-card-padding)}html.modal-open,body.modal-open{overscroll-behavior:none;overflow:hidden}.modal-backdrop{background:color-mix(in srgb, var(--tile-bg) 48%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overscroll-behavior:none;touch-action:none;z-index:20;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-backdrop.is-stacked{z-index:40}.modal-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, var(--accent) 6%), color-mix(in srgb, var(--surface-alt) 92%, var(--accent) 8%));border:1px solid var(--border-soft);box-shadow:0 22px 70px color-mix(in srgb, var(--accent) 18%, var(--surface-shadow));color:var(--text-primary);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;border-radius:1.75rem;width:min(100%,680px);max-width:680px;max-height:min(86vh,760px);padding:clamp(1rem,3vw,1.5rem);position:relative;overflow-y:auto}.app-toast{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 90%, var(--accent) 10%), color-mix(in srgb, var(--tile-bg-alt) 82%, var(--accent) 18%));border:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--tile-glow) 40%, transparent);color:#fff8ed;letter-spacing:-.01em;opacity:0;pointer-events:none;z-index:30;border-radius:999px;padding:.7rem 1rem;font-size:.86rem;font-weight:820;transition:opacity .28s,transform .28s;position:fixed;bottom:1.1rem;left:50%;transform:translate(-50%,.65rem)}.app-toast.is-visible{opacity:1;transform:translate(-50%)}.modal-heading,.modal-actions{justify-content:space-between;align-items:start;gap:1rem;display:flex}.modal-heading{margin-bottom:1rem}.modal-heading h2{margin-bottom:0}.modal-description{color:var(--text-muted);max-width:36rem;margin:.55rem 0 0;font-size:.92rem;line-height:1.45}.modal-heading .icon-button{font-size:1.5rem}.modal-actions{justify-content:flex-end;align-items:center}.modal-actions.has-form-delete{justify-content:space-between;align-items:center}.modal-actions-start,.modal-actions-end{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.modal-actions-start{justify-content:flex-start}.modal-actions-end{justify-content:flex-end}.modal-actions.wrap-actions{flex-wrap:wrap}.modal-confirm{gap:1.15rem}.modal-confirm>p{color:var(--text-muted);max-width:36rem;margin:0;line-height:1.55}.modal-confirm .modal-actions{gap:.75rem;margin-top:.15rem}.dashboard-grid>.vehicle-panel{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent) 5%, transparent), transparent 16rem), linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, var(--accent) 2%), color-mix(in srgb, var(--surface-alt) 92%, var(--accent) 4%))}.garage-empty-panel{overflow:hidden}.garage-empty-section{box-sizing:border-box;align-content:center;gap:1rem;height:100%;min-height:0;padding:clamp(1.5rem,4vw,2.5rem);display:grid}.garage-empty-section .eyebrow{margin-bottom:0}.garage-empty-detail{color:var(--text-muted);max-width:36rem;margin:0;font-size:clamp(.95rem,2.2vw,1.05rem);line-height:1.55}.new-vehicle-panel{height:var(--garage-action-panel-height);min-height:var(--garage-action-panel-height);align-content:start;align-self:stretch;gap:1rem;display:grid}.new-vehicle-panel p{margin-bottom:0}.dashboard-grid>.new-vehicle-panel{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 6%, transparent), transparent 11rem), linear-gradient(145deg, color-mix(in srgb, var(--surface) 92%, var(--accent) 3%), color-mix(in srgb, var(--surface-alt) 90%, var(--accent) 4%));border-color:var(--border-soft);color:var(--text-primary)}.dashboard-grid>.new-vehicle-panel p,.dashboard-grid>.new-vehicle-panel .eyebrow{color:var(--text-muted)}.dashboard-grid>.new-vehicle-panel button,.dashboard-grid>.new-vehicle-panel .btn-primary{justify-content:center;justify-self:stretch;width:100%;display:inline-flex}.new-vehicle-panel--limit .btn-primary{text-align:center;text-decoration:none}.new-vehicle-panel-local-note{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}.new-vehicle-panel-local-note a{color:var(--accent);text-underline-offset:.15em;font-weight:600;text-decoration:underline}.garage-access-bar{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 7%, transparent), transparent 14rem), linear-gradient(145deg, color-mix(in srgb, var(--surface-alt) 94%, var(--accent) 2%), color-mix(in srgb, var(--surface) 90%, var(--accent) 3%));border:1px solid var(--border-soft);border-radius:var(--surface-card-radius);box-shadow:var(--surface-card-shadow);box-sizing:border-box;padding:var(--surface-card-padding);justify-content:space-between;align-items:center;gap:1.25rem;width:100%;display:flex}.garage-access-bar-copy{flex:auto;gap:.35rem;min-width:0;display:grid}.garage-access-bar-copy .eyebrow{margin-bottom:0}.garage-access-bar-title{color:var(--text-primary);font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.05rem,2.2vw,1.35rem);line-height:1.15}.garage-access-bar-detail{color:var(--text-muted);max-width:52rem;margin:0;font-size:.92rem;line-height:1.5}.garage-access-cta{text-align:center;white-space:nowrap;flex:none;justify-content:center;min-width:min(100%,12.5rem);text-decoration:none}.garage-access-bar-actions{flex-direction:column;flex:none;align-items:flex-end;gap:.35rem;display:flex}.garage-access-sale-note{color:var(--text-muted);letter-spacing:.02em;text-align:right;margin:0;font-size:.82rem;font-weight:700}.garage-access-sale-note s{opacity:.72;margin-right:.35rem}.garage-access-price-compare{opacity:.72}.garage-access-price-sale{color:var(--accent-strong);font-weight:800}.garage-access-badge{background:color-mix(in srgb, var(--accent) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.78rem;font-weight:800}.garage-access-bar--lifetime{background:radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 5%, transparent), transparent 12rem), linear-gradient(145deg, color-mix(in srgb, var(--surface) 94%, var(--accent) 2%), color-mix(in srgb, var(--surface-alt) 92%, var(--accent) 3%))}.current-vehicle-panel{justify-content:space-between;align-items:center;gap:1rem;display:flex}.current-vehicle-panel p{margin-bottom:0}.table-action-row{gap:1rem;display:flex}.table-action-button{border:1px solid var(--border-strong);background:var(--surface-glass);border-radius:999px}.table-action-button:hover{border-color:var(--border-strong)}.detail-layout{box-sizing:border-box;align-items:stretch;gap:var(--detail-section-gap);grid-template-columns:var(--detail-side-width) minmax(0, 1fr);width:100%;display:grid}.detail-main{box-sizing:border-box;align-self:stretch;gap:var(--detail-section-gap);height:0;min-height:var(--service-board-height);grid-area:1/2;width:100%;min-width:0;display:grid;overflow:hidden}.detail-side-stack{align-self:stretch;gap:var(--detail-section-gap);height:var(--service-board-height);grid-area:1/1;grid-template-rows:minmax(min-content,1fr) auto;min-width:0;display:grid}.detail-side-stack>.current-vehicle-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--tile-bg) 90%, transparent), color-mix(in srgb, var(--tile-bg-alt) 82%, transparent)), radial-gradient(circle at top right, var(--tile-glow), transparent 12rem);border:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:#fff8ed;isolation:isolate;z-index:1;flex-direction:column;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:1rem;width:100%;min-width:0;min-height:min-content;padding:clamp(1rem,2vw,1.5rem);display:flex;position:relative;overflow:visible}.detail-side-stack>.current-vehicle-panel p{color:var(--tile-muted);font-size:.95rem;line-height:1.55}.detail-side-stack>.current-vehicle-panel .eyebrow,.detail-side-stack>.current-vehicle-actions-card .eyebrow,.hero-card .eyebrow,.garage-summary .eyebrow,.vehicle-tile .eyebrow,.weather-nav-card .eyebrow,.profile-button .eyebrow,.make-logo-badge .eyebrow{color:var(--tile-muted)}.current-vehicle-card{box-shadow:none;color:#fff8ed;text-align:left;background:0 0;border:0;border-radius:0;flex:auto;align-items:stretch;gap:.6rem;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:visible}.detail-side-stack>.current-vehicle-actions-card .current-vehicle-actions-heading .eyebrow{letter-spacing:.16em;opacity:.72;font-size:.66rem}.detail-side-stack>.current-vehicle-panel .current-vehicle-card>div{flex-direction:column;flex:auto;align-items:stretch;width:100%;min-width:0;height:100%;min-height:0;display:flex}.detail-side-stack>.current-vehicle-panel .current-vehicle-card .eyebrow{letter-spacing:.18em;flex:none;margin-bottom:.9rem;font-size:.75rem;line-height:1.2}.detail-side-stack>.current-vehicle-panel .vehicle-title-row{flex:1 1 0;align-items:stretch;width:100%;min-width:0;min-height:8rem;display:flex;overflow:visible}.detail-side-stack>.current-vehicle-panel .current-vehicle-title-group{box-sizing:border-box;color:#fff8ed;font-family:var(--font-sans);letter-spacing:-.075em;flex-direction:column;flex:auto;justify-content:center;align-self:stretch;align-items:stretch;gap:.18em;width:100%;min-width:0;max-width:100%;min-height:0;max-height:100%;margin:0;padding:0;font-weight:900;line-height:1.02;display:flex;overflow:visible}.detail-side-stack>.current-vehicle-panel .current-vehicle-year-make,.detail-side-stack>.current-vehicle-panel .current-vehicle-model-lines{box-sizing:border-box;flex-direction:column;flex:none;align-self:stretch;align-items:stretch;gap:.04em;width:100%;min-width:0;max-width:100%;margin:0;padding:0;display:flex}.detail-side-stack>.current-vehicle-panel .current-vehicle-year,.detail-side-stack>.current-vehicle-panel .current-vehicle-make{box-sizing:border-box;text-overflow:clip;white-space:nowrap;flex:none;width:100%;min-width:0;max-width:100%;margin:0;padding:0;font-size:1em;line-height:1.02;display:block;overflow:visible}.detail-side-stack>.current-vehicle-panel .current-vehicle-model{box-sizing:border-box;color:color-mix(in srgb, var(--tile-muted) 62%, #fff8ed 38%);font-size:var(--action-hub-model-font-size,1.4rem);letter-spacing:-.045em;text-overflow:clip;white-space:nowrap;flex:none;width:100%;min-width:0;max-width:100%;margin:0;padding:0;line-height:1.02;display:block;overflow:visible}.current-vehicle-actions-card{background:linear-gradient(180deg, color-mix(in srgb, var(--tile-bg) 90%, transparent), color-mix(in srgb, var(--tile-bg-alt) 82%, transparent)), radial-gradient(circle at bottom right, color-mix(in srgb, var(--tile-glow) 42%, transparent), transparent 9rem);border:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:#fff8ed;contain:paint;isolation:isolate;z-index:0;align-self:start;align-items:stretch;gap:.65rem;padding:clamp(1rem,2vw,1.5rem);display:grid;position:relative;overflow:hidden}.current-vehicle-actions-heading{border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);background:#fff8ed1a;border-radius:.85rem;margin-bottom:.35rem;padding:.7rem .8rem}.current-vehicle-actions-heading .eyebrow{margin-bottom:.34rem}.current-vehicle-actions-heading h2{color:#fff8ed;letter-spacing:-.035em;text-shadow:0 2px 10px #0000006b;margin-bottom:0;font-size:1.55rem;font-weight:820;line-height:1}.quick-action-tiles{gap:.55rem;display:grid}.current-vehicle-actions-card .quick-action-tile{border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);box-shadow:none;color:var(--tile-muted);text-align:left;background:#fff8ed2e padding-box padding-box;border-radius:.8rem;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:.1rem .65rem;width:100%;min-height:3rem;padding:.6rem .72rem;font-size:.82rem;font-weight:760;display:grid}.current-vehicle-actions-card .quick-action-tile:hover{border-color:color-mix(in srgb, var(--tile-muted) 34%, transparent);box-shadow:none;color:#fff8ed;background:#fff8ed33}.quick-action-tile>span,.quick-action-tile-code{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--tile-muted) 18%, transparent);color:#fff8ed;letter-spacing:-.02em;background:#fff8ed24;border-radius:.5rem;grid-row:span 2;justify-content:center;align-items:center;width:2.15rem;min-width:2.15rem;height:auto;min-height:2.15rem;padding:.12rem;font-size:.58rem;font-weight:900;display:inline-flex}.quick-action-tile-code .back-icon{width:1rem;height:1rem}.quick-action-tile strong{color:color-mix(in srgb, #fff8ed 82%, var(--tile-muted));font-size:.86rem;font-weight:700;line-height:1.1}.quick-action-tile small{color:color-mix(in srgb, var(--tile-muted) 88%, #fff8ed);font-size:.72rem;line-height:1.2}.quick-actions-title{color:#fff8ed;letter-spacing:-.025em;margin-bottom:.85rem;font-size:1.6rem;line-height:1.1}.quick-actions-card{border-top:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);padding-top:1rem}.vehicle-title-row{align-items:flex-start;gap:.5rem;min-width:0;max-width:100%;display:flex}.vehicle-title-row h2{margin:0}.inline-form{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.vehicle-details-form{flex:520px;justify-content:end}.stats-grid,.content-grid,.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.content-grid{grid-template-columns:minmax(0,1fr) minmax(240px,280px)}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);align-items:start}.vehicle-panel{height:var(--garage-action-panel-height);overflow:hidden}.garage-vehicle-section{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.vehicle-scroll-frame{height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.vehicle-carousel-controls{bottom:var(--vehicle-control-inset);align-items:center;gap:var(--vehicle-control-gap);pointer-events:auto;right:var(--vehicle-control-inset);z-index:5;flex-direction:column;display:flex;position:absolute}.vehicle-carousel-controls button{border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);color:var(--tile-muted);height:var(--vehicle-control-size);pointer-events:auto;width:var(--vehicle-control-size);background:#fff8ed24;box-shadow:0 8px 20px -8px #00000073}.vehicle-carousel-controls button:hover:not(:disabled){box-shadow:none;color:#fff8ed;background:#fff8ed3d}.vehicle-carousel-controls button:disabled,.vehicle-carousel-controls button:disabled *{cursor:default;opacity:.28}.vehicle-grid{overscroll-behavior:contain;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;grid-template-columns:1fr;grid-auto-rows:100%;align-content:start;gap:1rem;height:100%;min-height:0;display:grid;overflow-y:auto}.vehicle-tile{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 96%, transparent), color-mix(in srgb, var(--tile-bg-alt) 94%, transparent)), radial-gradient(circle at top right, var(--tile-glow), transparent 12rem);border:1px solid color-mix(in srgb, var(--tile-muted) 22%, transparent);border-radius:var(--card-radius);box-shadow:var(--card-shadow);box-sizing:border-box;color:#fff8ed;height:100%;min-height:0;padding:var(--vehicle-control-inset) calc(var(--vehicle-control-inset) + var(--vehicle-control-size) + .4rem) var(--vehicle-control-inset) 1rem;scroll-snap-align:start;scroll-snap-stop:always;text-align:left;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.vehicle-tile:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem)}.vehicle-scroll-frame:has(.vehicle-carousel-controls:hover) .vehicle-tile.is-carousel-current{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem)}.dashboard-grid .vehicle-tile{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 96%, transparent), color-mix(in srgb, var(--tile-bg-alt) 94%, transparent)), radial-gradient(circle at top right, var(--tile-glow), transparent 12rem);border-color:color-mix(in srgb, var(--tile-muted) 22%, transparent);color:#fff8ed}.dashboard-grid .vehicle-tile:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem);box-shadow:var(--card-shadow)}.dashboard-grid .vehicle-scroll-frame:has(.vehicle-carousel-controls:hover) .vehicle-tile.is-carousel-current{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem);box-shadow:var(--card-shadow)}.dashboard-grid .vehicle-row-main>span,.dashboard-grid .vehicle-row-main>small{color:var(--tile-muted)}.dashboard-grid .vehicle-title{color:#fff8ed}.dashboard-grid .vehicle-delete-button{color:color-mix(in srgb, var(--tile-muted) 58%, transparent);background:#fff8ed14;border:0}.vehicle-row-main{box-shadow:none;color:inherit;text-align:left;background:0 0;border-radius:1rem;flex-direction:column;grid-area:1/1;align-items:flex-start;gap:.5rem;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.vehicle-row-main:hover{box-shadow:none;background:0 0;transform:none}.vehicle-grid.is-swiping-up .vehicle-row-main,.vehicle-grid.is-swiping-down .vehicle-row-main{transition:transform .18s cubic-bezier(.2,.8,.2,1)}.vehicle-grid.is-swiping-up .vehicle-row-main{transform:translateY(-.45rem)}.vehicle-grid.is-swiping-down .vehicle-row-main{transform:translateY(.45rem)}.vehicle-delete-button{color:color-mix(in srgb, var(--tile-muted) 58%, transparent);height:var(--vehicle-control-size);opacity:.58;right:var(--vehicle-control-inset);top:var(--vehicle-control-inset);width:var(--vehicle-control-size);z-index:3;background:#fff8ed0f;margin:0;position:absolute}.vehicle-delete-button:hover,.vehicle-delete-button:focus-visible{color:var(--tile-muted);opacity:1;background:#fff8ed1f}.vehicle-delete-button .trash-icon{flex:none;width:1.5rem;height:1.5rem}.vehicle-row-main>span,.vehicle-row-main>small{color:var(--tile-muted);flex:none;font-weight:800;line-height:1.35}.vehicle-card-kicker>span:not(.ownership-badge){color:color-mix(in srgb, var(--tile-muted) 72%, #fff8ed 28%)}.vehicle-card-kicker{flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;padding-bottom:.05rem;display:flex;overflow:visible}.vehicle-card-kicker .make-logo-badge{flex:none;gap:.35rem;padding:.28rem .55rem .28rem .32rem}.vehicle-card-kicker .make-logo-badge span,.vehicle-card-kicker .make-logo-badge .make-logo-symbol{width:1.85rem;min-width:1.85rem;height:1.85rem;font-size:.52rem;overflow:hidden}.vehicle-card-kicker .make-logo-badge small{font-size:.68rem;line-height:1.15}.vehicle-title{box-sizing:border-box;color:#fff8ed;font-size:clamp(1.62rem, calc(100cqw * var(--vehicle-title-scale,.14)), 4.35rem);letter-spacing:-.075em;text-align:left;white-space:nowrap;flex:1 1 0;justify-content:flex-start;align-items:center;width:100%;min-width:0;max-width:100%;min-height:0;padding-block:.08em .16em;padding-inline-end:.12em;font-weight:900;line-height:1.08;display:flex;overflow:visible}.vehicle-title span{text-overflow:clip;white-space:nowrap;flex:none;width:max-content;padding-inline-end:.12em;overflow:visible}.vehicle-title.is-stacked,.vehicle-title:not(.is-stacked){min-height:2.05em}.vehicle-title.is-stacked{white-space:normal;flex-direction:column;justify-content:center;align-items:flex-start;gap:.06em}.vehicle-title.is-stacked span{display:block}.vehicle-title.is-stacked .vehicle-title-model{color:color-mix(in srgb, var(--tile-muted) 62%, #fff8ed 38%);letter-spacing:-.045em;font-size:.8em}.vehicle-title:not(.is-stacked){flex-flow:row;justify-content:flex-start;align-items:center;gap:.14em}.vehicle-title:not(.is-stacked) .vehicle-title-model{color:color-mix(in srgb, var(--tile-muted) 62%, #fff8ed 38%);letter-spacing:-.045em;align-self:center;font-size:.86em}.vehicle-row-main>small:first-of-type{color:color-mix(in srgb, var(--tile-muted) 84%, #fff8ed 16%)}.vehicle-row-main>small:nth-of-type(2){color:color-mix(in srgb, var(--tile-muted) 64%, var(--accent) 36%)}.vehicle-row-main>small:first-of-type,.vehicle-row-main>small:nth-of-type(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;padding-block:.04rem .08rem;overflow:hidden}.tile-status-row{flex-wrap:wrap;flex:none;justify-content:flex-start;gap:.35rem;display:flex}.status-chip{border-radius:999px;padding:.3rem .45rem;font-size:.68rem;font-weight:900}.status-chip.due{background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--accent-strong)}.status-chip.soon{color:#8d5514;background:#fde9c8}.status-chip.ok{color:#2f6f3d;background:#dff0df}.filter-count{background:var(--highlight-strong);color:var(--accent-strong);border-radius:999px;align-self:center;padding:.4rem .7rem;font-size:.78rem;font-weight:900}.task-board-group{height:var(--service-board-height);overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr);gap:.8rem;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.detail-viewport .task-board-group{height:100%}.task-board-heading{justify-content:center;width:100%;display:flex}.board-list-heading{align-items:end;margin-top:.25rem}.board-list-heading h3,.board-list-heading p{margin-bottom:0}.board-tabs{background:var(--surface-glass);border:var(--card-border);border-radius:var(--card-radius);box-shadow:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;width:min(100%,700px);max-width:700px;margin-inline:auto;padding:.35rem;display:grid}.board-tab{box-shadow:none;color:var(--accent-strong);letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:.95rem;justify-content:center;align-items:center;gap:.45rem;padding:.78rem 1rem;font-size:.9rem;font-weight:780;display:flex}.board-tab:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface) 62%);border-color:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:none}.board-tab.is-active{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 92%, var(--accent) 8%), color-mix(in srgb, var(--tile-bg-alt) 84%, var(--accent) 16%));border-color:color-mix(in srgb, var(--tile-muted) 24%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--tile-glow) 40%, transparent);color:#fff8ed}.board-tab-panel{--board-view-row-height:3rem;box-sizing:border-box;grid-template-rows:minmax(0,1fr);gap:0;height:100%;min-height:0;padding-top:0;display:grid;overflow:hidden}.maintenance-board,.parts-board,.projects-board,.history-board{grid-template-rows:minmax(0,1fr);position:relative}.history-board .board-list-item,.history-board .board-list-item td{cursor:default}.history-board .board-list-item.is-clickable,.history-board .board-list-item.is-clickable td{cursor:pointer}.history-entry-detail label output{background:var(--surface-muted,#0000000a);border:1px solid var(--border-subtle,#00000014);color:var(--text-primary);font:inherit;white-space:pre-wrap;border-radius:.55rem;min-height:2.5rem;padding:.65rem .75rem;display:block}.history-entry-detail .history-entry-notes{min-height:4.5rem}.history-board .board-row-menu button,.history-board .board-row-menu button *{cursor:pointer}.history-board-actions{z-index:4;gap:.5rem;display:flex;position:absolute;top:0;right:.35rem}.history-board .history-carousel-controls{bottom:var(--vehicle-control-inset);flex-direction:row;justify-content:center;left:50%;right:auto;transform:translate(-50%)}.history-board .history-carousel-controls button{background:color-mix(in srgb, var(--text-primary) 6%, var(--surface));border:1px solid color-mix(in srgb, var(--text-primary) 16%, var(--border-soft));color:var(--text-primary);box-shadow:0 8px 18px -10px #00000038}.history-board .history-carousel-controls button:hover:not(:disabled){background:color-mix(in srgb, var(--text-primary) 10%, var(--surface));color:var(--text-primary);box-shadow:0 4px 12px -8px #0003}.history-board:has(.history-carousel-controls) .board-table-shell{padding-bottom:calc(var(--vehicle-control-inset) + var(--vehicle-control-size) + .35rem)}.status-filter-select{min-height:var(--board-view-row-height);background:0 0;border:0;border-radius:0;flex-direction:column;justify-self:start;align-items:start;gap:.15rem;width:fit-content;padding:0 0 .45rem;display:flex}.status-filter-select>span:not(.board-head-view-icon){color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.status-filter-select select{background:linear-gradient(45deg, transparent 50%, var(--accent-strong) 50%) calc(100% - .95rem) 54% / .38rem .38rem no-repeat, linear-gradient(135deg, var(--accent-strong) 50%, transparent 50%) calc(100% - .7rem) 54% / .38rem .38rem no-repeat;box-shadow:none;color:var(--accent-strong);field-sizing:content;letter-spacing:-.03em;border:0;border-radius:0;width:auto;min-height:0;padding:0 1.75rem .12rem 0;font-size:1.15rem;font-weight:860;transition:color .16s}.status-filter-select select.is-single-option{cursor:default;opacity:1;background:0 0;padding-right:0}.status-filter-select:hover select,.status-filter-select select:focus{color:var(--accent)}.status-filter-select:hover select.is-single-option,.status-filter-select select.is-single-option:focus{color:var(--accent-strong)}.task-board-create-button{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 92%, var(--accent) 8%), color-mix(in srgb, var(--tile-bg-alt) 84%, var(--accent) 16%));border:1px solid color-mix(in srgb, var(--tile-muted) 24%, transparent);box-shadow:0 10px 24px -12px color-mix(in srgb, var(--tile-glow) 50%, transparent);color:#fff8ed;pointer-events:auto;z-index:12;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;width:auto;height:3.2rem;padding:0 1rem 0 .85rem;font-size:1.5rem;font-weight:760;line-height:1;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.task-board-actions{pointer-events:auto;z-index:12;align-items:center;gap:.55rem;display:inline-flex;position:absolute;bottom:1rem;right:1rem}.task-board-actions .task-board-create-button{position:static;bottom:auto;right:auto}.task-board-manage-button{background:color-mix(in srgb, var(--surface) 90%, var(--accent) 4%);border:1px solid var(--border-soft);box-shadow:0 8px 20px -14px color-mix(in srgb, var(--accent) 28%, transparent);color:var(--text-primary);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;height:3.2rem;padding:0 1rem 0 .85rem;line-height:1;display:inline-flex}.task-board-manage-button:hover{background:color-mix(in srgb, var(--surface-alt) 88%, var(--accent) 6%);border-color:color-mix(in srgb, var(--accent) 22%, var(--border-soft))}.task-board-manage-button strong{letter-spacing:-.01em;white-space:nowrap;font-size:.86rem;font-weight:760}.task-board-manage-button .hamburger-icon{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.22rem;width:1.05rem;height:.95rem;display:inline-flex}.task-board-manage-button .hamburger-icon>span{background:currentColor;border-radius:999px;width:100%;height:2px;display:block}.task-board-create-button:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg-hover) 90%, var(--accent) 10%), color-mix(in srgb, var(--tile-bg-alt) 76%, var(--accent) 24%));box-shadow:0 18px 42px color-mix(in srgb, var(--tile-glow-hover) 54%, transparent)}.task-board-create-button span{transform:translateY(-.05rem)}.task-board-create-button strong{letter-spacing:-.01em;white-space:nowrap;font-size:.86rem}.board-list-viewport{flex:auto;min-width:0;min-height:0;position:relative;overflow:hidden}.board-list{--board-list-fade-height:2.5rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:none;overscroll-behavior-y:contain;scrollbar-width:none;min-width:0;height:100%;min-height:0;max-height:100%;padding:0;display:block;overflow:hidden auto}.board-list-fade{height:var(--board-list-fade-height);opacity:0;pointer-events:none;z-index:2;flex-shrink:0;width:100%;transition:opacity .18s;position:sticky}.board-list .board-list-fade-top{background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 78%, transparent), transparent);margin-bottom:calc(-1 * var(--board-list-fade-height));top:0}.board-list .board-list-fade-bottom{background:linear-gradient(to top, color-mix(in srgb, var(--surface) 78%, transparent), transparent);margin-top:calc(-1 * var(--board-list-fade-height));bottom:0}.board-list-fade.is-visible{opacity:1}.task-board-group .board-list .board-list-fade-top{background:linear-gradient(to bottom, var(--surface), transparent)}.task-board-group .board-list .board-list-fade-bottom{background:linear-gradient(to top, var(--surface), transparent)}.board-table-shell{--board-shell-padding-inline:.35rem;box-sizing:border-box;min-width:0;height:100%;min-height:0;max-height:100%;padding-inline:var(--board-shell-padding-inline);flex-direction:column;display:flex}.board-table-head{flex:none;min-width:0;padding-bottom:0;overflow:visible}.board-table-head:has(.board-head-filter-cell){overflow:visible}.board-table-head:has(.board-head-filter-cell) .board-table{overflow:visible}.board-table{--board-cell-padding-inline:clamp(.45rem, 1.2vw, .75rem);--board-col-1-label-weight:23;--board-filter-icon-gap:.45rem;--board-filter-icon-size:.36rem;--board-header-font-size:.72rem;--board-header-row-height:2.85rem;--board-list-row-gap:.55rem;--board-col-1-weight:var(--board-col-1-label-weight);--board-weight-total:100;--board-col-1-width:calc(100% * var(--board-col-1-weight) / var(--board-weight-total));border-collapse:separate;border-spacing:0;box-sizing:border-box;table-layout:fixed;width:100%;min-width:0;max-width:100%}.task-board-group .board-table{--board-header-font-size:.72rem;--board-header-row-height:3.05rem}.task-board-group .board-table-head{flex:0 0 var(--board-header-row-height);min-height:var(--board-header-row-height)}.board-table--body{border-spacing:0 var(--board-list-row-gap)}.task-board-group .board-table-head .board-table thead th{box-shadow:none;box-sizing:border-box;color:var(--text-muted);font-size:clamp(.64rem, 1.8vw, var(--board-header-font-size,.72rem));height:var(--board-header-row-height);letter-spacing:.1em;max-height:var(--board-header-row-height);min-height:var(--board-header-row-height);padding-block:0;padding-inline:var(--board-cell-padding-inline);text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;background:0 0;font-weight:900;line-height:1.15;overflow:visible}.task-board-group .board-table thead th.board-head-filter-cell{padding-block:0;padding-inline:var(--board-cell-padding-inline);text-align:center;text-transform:none;vertical-align:middle}.task-board-group .board-table .board-head-filter-slot{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;min-height:0;margin-inline:auto;display:flex}.task-board-group .board-table .board-head-view-filter{background:var(--highlight-soft);border:1px solid color-mix(in srgb, var(--accent-strong) 20%, var(--border-soft));box-sizing:border-box;cursor:pointer;align-items:center;gap:var(--board-filter-icon-gap);border-radius:999px;flex-direction:row;justify-content:center;min-width:0;max-width:100%;min-height:0;margin:0;padding:.28rem .62rem .28rem .48rem;transition:background .16s,border-color .16s;display:inline-flex}.task-board-group .board-table .board-head-view-filter:hover{background:color-mix(in srgb, var(--highlight-soft) 55%, var(--accent) 45%);border-color:color-mix(in srgb, var(--accent) 38%, var(--border-soft))}.task-board-group .board-table .board-head-view-filter:has(select:focus-visible){background:color-mix(in srgb, var(--highlight-soft) 55%, var(--accent) 45%);border-color:color-mix(in srgb, var(--accent) 38%, var(--border-soft))}.task-board-group .board-table .board-head-view-icon{aspect-ratio:1;background:var(--accent-strong);flex:0 0 var(--board-filter-icon-size);height:var(--board-filter-icon-size);width:var(--board-filter-icon-size);border-radius:50%}.task-board-group .board-table-head .board-head-view-filter select{appearance:none;box-shadow:none;box-sizing:border-box;color:var(--accent-strong);cursor:pointer;field-sizing:content;font-size:clamp(.64rem, 1.8vw, var(--board-header-font-size,.72rem));letter-spacing:.1em;text-align:center;text-align-last:center;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-radius:0;outline:none;flex:0 auto;width:auto;min-width:0;max-width:100%;padding:0;font-weight:900;line-height:1.15;text-decoration:none}.task-board-group .board-table-head .board-head-view-filter select:hover,.task-board-group .board-table-head .board-head-view-filter select:focus,.task-board-group .board-table-head .board-head-view-filter select:focus-visible,.task-board-group .board-table-head .board-head-view-filter select:active{box-shadow:none;background:0 0;outline:none}.task-board-group .board-table-head .board-head-view-filter select option{text-transform:uppercase}.task-board-group .board-table-head .board-head-view-filter:hover select,.task-board-group .board-table-head .board-head-view-filter select:focus-visible{color:var(--accent)}.task-board-group .board-table .board-head-view-filter:hover .board-head-view-icon{background:var(--accent)}.task-board-group .board-table .board-head-view-filter:has(select:focus-visible) .board-head-view-icon{background:var(--accent)}.task-board-group .board-table .board-head-view-filter.is-static-view,.task-board-group .board-table .board-head-view-filter.is-static-view:hover{cursor:default;background:0 0;border-color:#0000}.task-board-group .board-table .board-head-view-filter.is-static-view:has(:focus-visible){cursor:default;background:0 0;border-color:#0000}.task-board-group .board-table .board-head-view-filter.is-static-view .board-head-view-icon{visibility:hidden}.task-board-group .board-table .board-head-view-label{color:var(--text-muted);font-size:clamp(.64rem, 1.8vw, var(--board-header-font-size,.72rem));letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-weight:900;line-height:1.15}.board-table td{background:color-mix(in srgb, var(--surface) 72%, transparent);border-bottom:1px solid var(--border-soft);border-top:1px solid var(--border-soft);box-sizing:border-box;color:var(--text-primary);height:var(--board-row-min-height);max-width:0;padding:.55rem var(--board-cell-padding-inline);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;font-size:clamp(.78rem,1.6vw,.86rem);font-weight:800;overflow:hidden}.board-table--body td:not(.board-actions-cell){text-align:center}.board-table col.board-actions-column{width:1%}.task-board-group .board-table thead th.board-actions-header{box-shadow:none;background:0 0;border:none;width:1%;max-width:none;padding:0;overflow:hidden}.board-table td.board-actions-cell{max-width:none;padding-inline:var(--board-cell-padding-inline);text-align:right;white-space:nowrap;width:1%;overflow:visible}.board-table td:first-child{border-left:1px solid var(--border-soft);border-radius:1rem 0 0 1rem}.board-table td:last-child{border-right:1px solid var(--border-soft);border-radius:0 1rem 1rem 0}.board-primary-cell span,.board-primary-cell strong,.board-primary-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.board-primary-cell strong{font-family:var(--font-sans);letter-spacing:-.015em;font-size:clamp(.82rem,1.6vw,.95rem);font-weight:820;line-height:1.15}.board-primary-cell span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.12rem;font-size:.72rem;font-weight:850}.board-primary-cell small{color:var(--text-muted);margin-top:.12rem;font-size:.78rem;font-weight:740}.board-primary-cell .status-pill{margin-bottom:.28rem}.board-table td .status-pill{margin-bottom:0}.board-row-menu{opacity:0;pointer-events:none;transition:opacity .14s;position:relative}.board-list-item:hover .board-row-menu,.board-list-item:focus-within .board-row-menu{opacity:1;pointer-events:auto}.board-list-item:has(.task-menu-popover) .board-row-menu{opacity:1;pointer-events:auto}.board-list-item:hover td{background:color-mix(in srgb, var(--highlight-soft) 62%, transparent);border-color:color-mix(in srgb, var(--accent) 18%, var(--border-soft))}.board-list-item:hover td:last-child{box-shadow:inset -3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent)}.task-board-group .board-list-item:hover td:last-child{box-shadow:none}.board-list-item:has(.task-menu-popover){z-index:6}.board-editable-cell{cursor:pointer}.board-editable-cell:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px}.board-actions-toolbar{justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.board-status-select{min-width:0;max-width:100%;font-size:clamp(.78rem,1.6vw,.86rem);font-weight:800}.board-table col.board-table-lead-column,.board-table col.projects-table-project-column,.board-table-lead-column,.projects-table-project-column{width:var(--board-col-1-width)}.board-table.tasks-table col.tasks-table-task-column,.tasks-table-task-column{width:calc(100% * 48 / var(--board-weight-total))}.board-table.tasks-table col.tasks-table-due-column,.tasks-table-due-column{width:calc(100% * 29 / var(--board-weight-total))}.board-table.history-table col.history-table-task-column,.history-table-task-column{width:calc(100% * 42 / var(--board-weight-total))}.board-table.history-table col.history-table-type-column,.history-table-type-column{width:calc(100% * 18 / var(--board-weight-total))}.board-table.history-table col.history-table-date-column,.history-table-date-column,.board-table.history-table col.history-table-odometer-column,.history-table-odometer-column{width:calc(100% * 20 / var(--board-weight-total))}.history-table-type-cell{color:var(--text-muted);font-size:.88rem}.board-table.projects-table col.projects-table-status-column,.projects-table-status-column{width:calc(100% * 23 / var(--board-weight-total))}.board-table.projects-table col.projects-table-start-date-column,.projects-table-start-date-column{width:calc(100% * 54 / var(--board-weight-total))}.board-table.parts-table thead th,.parts-table.board-table--body td:not(.board-actions-cell),.parts-table .board-primary-cell strong,.parts-table .board-primary-cell small{text-align:center}.board-table.parts-table col.board-table-lead-column,.parts-table .board-table-lead-column{width:calc(100% * 35 / var(--board-weight-total))}.board-table.parts-table:not(.is-category-hidden) col.parts-table-brand-column,.parts-table:not(.is-category-hidden) .parts-table-brand-column,.board-table.parts-table:not(.is-category-hidden) col.parts-table-category-column,.parts-table:not(.is-category-hidden) .parts-table-category-column{width:calc(100% * 22 / var(--board-weight-total))}.board-table.parts-table:not(.is-category-hidden) col.parts-table-quantity-column,.parts-table:not(.is-category-hidden) .parts-table-quantity-column{width:calc(100% * 21 / var(--board-weight-total))}.board-table.parts-table.is-category-hidden col.parts-table-brand-column,.parts-table.is-category-hidden .parts-table-brand-column{width:calc(100% * 22 / var(--board-weight-total))}.board-table.parts-table.is-category-hidden col.parts-table-cost-column,.parts-table.is-category-hidden .parts-table-cost-column{width:calc(100% * 21 / var(--board-weight-total))}.board-table.parts-table.is-category-hidden col.parts-table-date-column,.parts-table.is-category-hidden .parts-table-date-column{width:calc(100% * 22 / var(--board-weight-total))}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.garage-vehicle-section .section-heading{z-index:2;align-items:center;margin-bottom:1rem;position:relative}.garage-view-heading{margin-bottom:0}.dashboard-grid>.new-vehicle-panel h2{color:var(--text-primary)}.garage-heading-title{flex:auto;align-items:center;gap:.55rem;min-width:0;display:flex}.garage-heading-title .garage-order-button{opacity:0;pointer-events:none;visibility:hidden;flex:none;min-width:0;max-width:0;margin-inline-end:-.55rem;transition:opacity .52s cubic-bezier(.4,0,.2,1),transform .52s cubic-bezier(.4,0,.2,1),max-width .52s cubic-bezier(.4,0,.2,1),margin-inline-end .52s cubic-bezier(.4,0,.2,1),visibility 0s linear .52s;overflow:hidden;transform:scale(.72)translate(-.35rem)}.garage-heading-title .garage-order-button.is-visible{opacity:1;pointer-events:auto;visibility:visible;max-width:2.5rem;margin-inline-end:0;transition:opacity .52s cubic-bezier(.4,0,.2,1),transform .52s cubic-bezier(.4,0,.2,1),max-width .52s cubic-bezier(.4,0,.2,1),margin-inline-end .52s cubic-bezier(.4,0,.2,1),visibility linear;transform:scale(1)translate(0)}@media (prefers-reduced-motion:reduce){.garage-heading-title .garage-order-button{transition:none}}.garage-heading-toggle-wrap{flex:none;margin-left:auto}.garage-order-button .hamburger-icon{flex-direction:column;justify-content:center;align-items:center;gap:.22rem;width:1.05rem;height:.95rem;display:inline-flex;transform:none}.garage-order-button .hamburger-icon>span{background:currentColor;border-radius:999px;width:100%;height:2px;display:block}.garage-order-modal .settings-helper-text{margin-bottom:.35rem}.garage-order-modal .garage-order-list{scrollbar-gutter:stable;max-height:min(24rem,52vh);overflow:auto}.garage-order-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.garage-order-item{box-sizing:border-box;cursor:pointer;border-radius:.8rem;align-items:center;gap:.65rem;min-height:2.45rem;padding:.55rem .65rem;display:flex;position:relative}.garage-order-item[draggable=true]{cursor:pointer}.garage-order-item.is-dragging{cursor:pointer;opacity:.45}body.is-garage-reordering,body.is-garage-reordering *{cursor:pointer!important}.garage-order-item.is-drop-before:before,.garage-order-item.is-drop-after:before,.garage-order-top-slot.is-drop-before:before{background:var(--accent-strong);content:"";border-radius:999px;height:2px;position:absolute;left:.65rem;right:.65rem}.garage-order-top-slot{box-sizing:border-box;pointer-events:none;flex-shrink:0;height:.85rem;min-height:.85rem;margin:0;padding:0;list-style:none;position:relative}.garage-order-top-slot.is-active{pointer-events:auto}.garage-order-top-slot.is-drop-before:before{top:50%;transform:translateY(-50%)}.garage-order-item.is-drop-before:before{top:0}.garage-order-item.is-drop-after:before{bottom:0}.garage-order-handle{color:var(--text-muted);-webkit-user-select:none;user-select:none;flex:none;font-size:.95rem;line-height:1}.garage-order-label{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:.92rem;font-weight:800;line-height:1.2;overflow:hidden}.app-toggle,.theme-mode-toggle,.landing-theme-toggle{background:color-mix(in srgb, var(--accent) 8%, var(--surface) 74%);border:1px solid var(--border-soft);isolation:isolate;pointer-events:auto;z-index:2;border-radius:999px;gap:.25rem;width:100%;padding:.3rem;display:flex;position:relative}.theme-mode-option input:focus-visible,.colour-scheme-option input:focus-visible{scroll-margin:0}.theme-mode-field legend{margin-bottom:.55rem}.app-toggle-option,.theme-mode-toggle>.theme-mode-option,.landing-theme-toggle>.app-toggle-option{box-shadow:none;color:var(--accent-strong);cursor:pointer;font:inherit;z-index:1;background:0 0;border:0;outline:none;flex:1 1 0;justify-content:center;align-items:center;gap:.45rem;min-width:0;min-height:2.65rem;margin:0;padding:0;display:flex;position:relative}.app-toggle-option input{cursor:pointer;opacity:0;z-index:2;width:100%;height:100%;margin:0;position:absolute;inset:0}.app-toggle-option>span{color:inherit;pointer-events:none;text-align:center;border-radius:999px;flex:1;justify-content:center;align-items:center;width:100%;min-height:100%;padding:.55rem .95rem;font-weight:900;display:flex}.app-toggle-option:hover>span,.theme-mode-toggle>.theme-mode-option:hover>span{background:color-mix(in srgb, var(--accent) 10%, transparent)}.app-toggle-option.is-active>span,.theme-mode-toggle>.theme-mode-option.is-active>span{background:var(--tile-bg);color:#fff8ed}.garage-view-toggle{background:color-mix(in srgb, var(--accent) 8%, var(--surface) 74%);border:1px solid var(--border-soft);isolation:isolate;pointer-events:auto;z-index:2;border-radius:999px;flex:none;gap:.25rem;padding:.3rem;display:inline-flex;position:relative}.garage-view-option{box-shadow:none;color:var(--accent-strong);cursor:pointer;pointer-events:auto;z-index:1;background:0 0;border:0;outline:none;flex:none;align-items:center;gap:.45rem;padding:.55rem .8rem;display:inline-flex;position:relative}.garage-view-option:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:none;border:0}.garage-view-option:focus,.garage-view-option:focus-visible{box-shadow:none;border:0;outline:none}.landing-theme-toggle>.app-toggle-option{border-radius:999px;padding:.55rem .95rem;font-weight:900}.landing-theme-toggle>.app-toggle-option:hover:not(.is-active){background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:none;border:0}.landing-theme-toggle>.app-toggle-option:focus,.landing-theme-toggle>.app-toggle-option:focus-visible{box-shadow:none;border:0;outline:none}.landing-theme-toggle>.app-toggle-option.is-active{background:var(--tile-bg);color:#fff8ed}.garage-order-button{pointer-events:auto;z-index:1;flex:none;position:relative}.garage-view-option.is-active{background:var(--tile-bg);color:#fff8ed}.garage-view-option.is-active strong{background:#fff8ed42}.garage-view-option strong{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;justify-content:center;align-items:center;min-width:1.65rem;padding:.15rem .45rem;font-size:.78rem;display:inline-flex}.task-card,.history-item,.button-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.history-panel .section-heading{margin-bottom:.35rem}.history-panel .table-action-row{align-items:center}.task-list,.history-list,.stacked-form,.data-panel,.manage-task-list{--form-label-gap:.45rem;gap:1rem;display:grid}.task-list{scrollbar-width:none;align-content:start;min-width:0;min-height:0;padding:0 .35rem 0 0;overflow:hidden auto}.task-board-group .scroll-fade{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.board-tab-panel:has(.board-table-shell.is-empty){position:relative}.task-board-group .scroll-fade>.board-table-shell{z-index:1;height:100%;min-height:0;max-height:100%;position:relative}.board-table-shell.is-empty .board-list-viewport{flex:auto;min-height:0}.board-table-shell.is-empty .board-empty-body{box-sizing:border-box;height:100%;min-height:0;padding:0 var(--board-cell-padding-inline,.75rem);align-content:center;place-items:center;width:100%;margin:0;display:grid}.board-table-shell.is-empty .board-empty-body>.empty-list{box-sizing:border-box;text-align:center;width:100%;max-width:100%}.board-table-shell.is-empty .board-empty-body .empty-list p{text-align:center;text-overflow:unset;white-space:normal;margin-inline:auto;overflow:visible}.task-board-group .board-table{box-sizing:border-box;table-layout:fixed;width:100%;min-width:0;max-width:100%;margin-inline:auto}.task-board-group .board-table-head .board-table,.task-board-group .board-table--body{width:100%;margin-inline:auto}.scroll-fade{min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.empty-list p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;overflow:hidden}.task-card,.history-item,.manage-task-row{border:1px solid var(--border-soft);background:#ffffff85;border-radius:1.4rem;padding:1rem;position:relative}.task-card{box-sizing:border-box;min-height:0;padding:.65rem .75rem;transition:background .16s,border-color .16s,box-shadow .16s;overflow:hidden}.task-card:hover{background:color-mix(in srgb, var(--highlight-soft) 62%, transparent);border-color:color-mix(in srgb, var(--accent) 18%, var(--border-soft));box-shadow:inset -3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent)}.task-card:has(.task-menu-popover){background:color-mix(in srgb, var(--highlight-soft) 62%, transparent);border-color:color-mix(in srgb, var(--accent) 18%, var(--border-soft));box-shadow:inset -3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent)}.task-card:has(.task-menu-popover){z-index:6;overflow:visible}.task-card>div:first-child{min-width:0}.manage-task-row{grid-template-columns:minmax(0,1.4fr) minmax(5.5rem,.7fr) minmax(5.5rem,.7fr);align-items:center;gap:.75rem 1rem;display:grid}.manage-tasks-modal{gap:1rem}.manage-task-table{gap:.55rem;display:grid}.manage-task-group{gap:.45rem;display:grid}.manage-task-group-heading{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;padding:.35rem 1rem 0;font-size:.74rem;font-weight:800}.manage-task-group:not(:first-child) .manage-task-group-heading{padding-top:.75rem}.manage-task-table-head,.manage-task-row.is-clickable{grid-template-columns:minmax(0,1.4fr) minmax(5.5rem,.7fr) minmax(5.5rem,.7fr)}.manage-task-table-head{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;gap:.75rem 1rem;padding:1rem 1rem .85rem;font-size:.72rem;font-weight:800;display:grid}.manage-task-col--task{text-align:left;justify-self:start;min-width:0}.manage-task-col--metric{text-align:right;justify-self:end}.manage-task-row-title{font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;line-height:1.2;overflow:hidden}.manage-task-row-interval,.manage-task-row-distance{color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.92rem}.manage-task-row.is-clickable{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.manage-task-row.is-clickable:hover,.manage-task-row.is-clickable:focus-visible{background:color-mix(in srgb, var(--highlight-soft) 62%, transparent);border-color:color-mix(in srgb, var(--accent) 18%, var(--border-soft));box-shadow:inset -3px 0 0 color-mix(in srgb, var(--accent) 72%, transparent);outline:none}.manage-task-row p{margin-bottom:.6rem}.manage-task-row small{color:var(--text-muted);font-size:.82rem;display:block}.task-card-actions{opacity:0;pointer-events:none;flex:none;justify-content:flex-end;align-self:stretch;align-items:center;gap:.4rem;min-width:5rem;transition:opacity .14s;display:flex;position:relative}.task-card:hover .task-card-actions{opacity:1;pointer-events:auto}.task-card:has(.task-menu-popover) .task-card-actions{opacity:1;pointer-events:auto}.task-menu{position:relative}.menu-button{letter-spacing:0}.menu-button>span:not(.hamburger-icon){text-align:center;width:1.15rem;font-size:1.2rem;line-height:1;display:inline-block;transform:translateY(-.08rem)}.task-menu-popover{background:var(--surface);border:1px solid var(--border-strong);box-shadow:0 12px 32px var(--surface-shadow);z-index:3;border-radius:1rem;min-width:150px;padding:.35rem;position:absolute;top:calc(100% + .4rem);right:0}.task-menu-popover button{border-radius:.8rem;justify-content:flex-start;align-items:center;gap:.55rem;width:100%;display:flex}.task-complete-button{background:color-mix(in srgb, var(--accent) 7%, transparent);border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent-strong);border-radius:999px;flex:none;align-self:auto;width:2.1rem;height:2.1rem;padding:0;font-size:1rem}.task-complete-button:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);box-shadow:none}.selected-task-summary{border:1px solid var(--border-soft);background:#ffffff73;border-radius:1.2rem;gap:.25rem;padding:1rem;display:grid}.selected-task-summary span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:900}.task-card p,.history-item p{margin-bottom:.45rem}.task-card h3,.task-card p,.task-card small{overflow:hidden}.task-card h3,.task-card p{-webkit-box-orient:vertical;display:-webkit-box}.task-card h3{-webkit-line-clamp:2;font-family:var(--font-sans);letter-spacing:-.015em;font-size:1rem;font-weight:820;line-height:1.18}.task-card p{-webkit-line-clamp:2;font-size:.88rem;line-height:1.38}.task-card small,.history-item small{color:var(--text-muted);font-size:.82rem;font-weight:760;display:block}.task-card small{text-overflow:ellipsis;white-space:nowrap}.status-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:.55rem;padding:.24rem .55rem;font-size:.68rem;font-weight:900;display:inline-flex}.status-pill.due{background:color-mix(in srgb, var(--accent) 16%, var(--surface));color:var(--accent-strong)}.status-pill.soon{color:#8d5514;background:#fde9c8}.status-pill.ok{color:#2f6f3d;background:#dff0df}.status-pill.unknown,.status-pill.project-todo{color:#5f554b;background:#e5dfd6}.status-pill.project-started{color:#8d5514;background:#fde9c8}.status-pill.project-completed{color:#2f6f3d;background:#dff0df}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;display:grid}.form-row>label,.form-row>.task-recurring-field{min-width:0}@supports (grid-template-rows:subgrid){@media (width>=621px){.stacked-form .form-row{grid-template-rows:auto auto auto;row-gap:0}.stacked-form .form-row>label,.stacked-form .form-row>.task-recurring-field{grid-row:1/-1;grid-template-rows:subgrid;gap:0;display:grid}.stacked-form .form-row>label>*+*,.stacked-form .form-row>.task-recurring-field>*+*{margin-top:var(--form-label-gap,.45rem)}}}.task-category-recurring-row,.task-category-brand-row,.task-category-split-row{--form-control-height:calc(2 * .72rem + 1lh + 2px);align-items:start}.task-category-recurring-row select,.task-category-brand-row select,.task-category-split-row select,.task-category-recurring-row input:not([type=checkbox]):not([type=radio]),.task-category-brand-row input:not([type=checkbox]):not([type=radio]),.task-category-split-row input:not([type=checkbox]):not([type=radio]),.task-category-recurring-row .task-recurring-toggle.garage-view-toggle,.task-category-brand-row .task-recurring-toggle.garage-view-toggle,.task-category-split-row .task-recurring-toggle.garage-view-toggle{block-size:var(--form-control-height);box-sizing:border-box}.task-category-recurring-row>label,.task-category-recurring-row>.task-recurring-field,.task-category-brand-row>label,.task-category-brand-row>.task-recurring-field,.task-category-split-row>label,.task-category-split-row>.task-recurring-field{min-width:0}.task-recurring-field{min-width:0;margin:0}.create-vehicle-kind-field{gap:.45rem;display:grid}.create-vehicle-kind-toggle.garage-view-toggle{border:1px solid var(--border-strong);align-items:stretch;gap:.35rem;width:100%;min-height:3.25rem;padding:.35rem;display:flex}.create-vehicle-kind-toggle>.garage-view-option{border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:2.5rem;padding:.55rem 1rem;font-size:.95rem;font-weight:800;line-height:1.2}.task-recurring-toggle.garage-view-toggle{border:1px solid var(--border-strong);align-items:stretch;gap:.25rem;width:100%;padding:.25rem;display:flex}.task-recurring-toggle>.garage-view-option{font-size:inherit;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0 .82rem;font-weight:800;line-height:1.2}.task-parts-lookup{gap:.75rem;display:grid}.task-parts-add-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.task-part-pills{flex-wrap:wrap;gap:.5rem;display:flex}.task-part-pill{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid var(--border-soft);color:var(--text-primary);border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .45rem .35rem .7rem;font-size:.82rem;font-weight:800;display:inline-flex}.task-part-pill-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-width:1.35rem;height:1.35rem;padding:0;font-size:1rem;font-weight:900;line-height:1;display:inline-flex}.task-part-pill-remove:hover,.task-part-pill-remove:focus-visible{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--text-primary)}.task-parts-empty{color:var(--text-muted);margin:0;font-size:.84rem;font-weight:700}.data-panel{grid-template-columns:.8fr 1.2fr}.data-panel .button-row{grid-column:1/-1;justify-content:start}.error-text{color:#9d2f24;grid-column:1/-1;margin-bottom:0;font-weight:800}body[data-theme-mode=dark] .top-nav,body[data-theme-mode=dark] .panel,body[data-theme-mode=dark] .modal-panel,body[data-theme-mode=dark] .hero-intro,body[data-theme-mode=dark] .dashboard-intro,body[data-theme-mode=dark] .dashboard-hero .garage-summary,body[data-theme-mode=dark] .task-board-group.panel{background:linear-gradient(180deg, var(--surface), var(--surface-alt)), radial-gradient(circle at top right, color-mix(in srgb, var(--tile-glow) 72%, transparent), transparent 13rem);border-color:var(--border-soft);color:var(--text-primary)}body[data-theme-mode=dark] .board-tabs{background:var(--surface);border-color:var(--border-soft)}body[data-theme-mode=dark] h1,body[data-theme-mode=dark] h2,body[data-theme-mode=dark] h3,body[data-theme-mode=dark] p,body[data-theme-mode=dark] label,body[data-theme-mode=dark] .board-table th,body[data-theme-mode=dark] .task-card small,body[data-theme-mode=dark] .history-item small,body[data-theme-mode=dark] .board-table td small,body[data-theme-mode=dark] .manage-task-row small,body[data-theme-mode=dark] .board-primary-cell small,body[data-theme-mode=dark] .selected-task-summary span{color:var(--text-primary)}body[data-theme-mode=dark] input,body[data-theme-mode=dark] select,body[data-theme-mode=dark] textarea,body[data-theme-mode=dark] .task-card,body[data-theme-mode=dark] .board-table td,body[data-theme-mode=dark] .settings-section,body[data-theme-mode=dark] .selected-task-summary,body[data-theme-mode=dark] .manage-task-row,body[data-theme-mode=dark] .board-list-item,body[data-theme-mode=dark] .task-menu-popover{background-color:color-mix(in srgb, var(--surface) 82%, #fff8ed 18%);border-color:color-mix(in srgb, var(--tile-muted) 24%, transparent);color:var(--text-primary)}body[data-theme-mode=dark] .weather-nav-card{border-color:color-mix(in srgb, var(--tile-muted) 22%, transparent);color:var(--text-on-accent)}body[data-theme-mode=dark] .weather-nav-card:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem)}body[data-theme-mode=dark] .weather-nav-card strong{color:var(--text-on-accent)}body[data-theme-mode=dark] .weather-nav-card small{color:var(--tile-muted)}body[data-theme-mode=dark] .weather-icon{stroke:var(--text-on-accent)}body[data-theme-mode=dark] select option{background:var(--surface);color:var(--text-primary)}body[data-theme-mode=dark] input:focus,body[data-theme-mode=dark] textarea:focus{background-color:var(--surface-strong)}body[data-theme-mode=dark] select{--select-arrow-color:var(--tile-muted);--select-track-color:color-mix(in srgb, var(--accent) 18%, transparent);--select-track-color-end:color-mix(in srgb, var(--accent) 7%, transparent);--select-fill:var(--surface)}body[data-theme-mode=dark] .eyebrow,body[data-theme-mode=dark] .filter-count,body[data-theme-mode=dark] .menu-button,body[data-theme-mode=dark] .task-complete-button,body[data-theme-mode=dark] button.ghost,body[data-theme-mode=dark] .segmented-field legend,body[data-theme-mode=dark] .colour-scheme-field legend,body[data-theme-mode=dark] .segmented-option span,body[data-theme-mode=dark] .colour-scheme-option,body[data-theme-mode=dark] .app-footer,body[data-theme-mode=dark] .app-footer span:first-child{color:var(--tile-muted)}body[data-colour-scheme] button.secondary{background:var(--accent-strong);border-color:color-mix(in srgb, var(--accent-strong) 72%, transparent);color:var(--text-on-accent)}body[data-colour-scheme] .eyebrow,body[data-colour-scheme] .filter-count,body[data-colour-scheme] .settings-data-tools summary:after{color:var(--accent-strong)}body[data-colour-scheme] .detail-side-stack>.current-vehicle-panel .current-vehicle-card .eyebrow,body[data-colour-scheme] .detail-side-stack>.current-vehicle-actions-card .current-vehicle-actions-heading .eyebrow{color:var(--tile-muted)}body[data-theme-mode=dark] button.secondary{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 72%, transparent);color:var(--text-on-accent)}body[data-theme-mode=dark] button[type=submit],body[data-theme-mode=dark] .btn-primary,body[data-theme-mode=dark] .profile-button,body[data-theme-mode=dark] .settings-inline-button,body[data-theme-mode=dark] .modal-panel button[type=submit],body[data-theme-mode=dark] .dashboard-grid>.new-vehicle-panel button,body[data-theme-mode=dark] .garage-access-bar .garage-access-cta{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 96%, var(--accent) 4%), color-mix(in srgb, var(--tile-bg-alt) 90%, var(--accent) 10%));border-color:color-mix(in srgb, var(--tile-muted) 26%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}body[data-theme-mode=dark] button[type=submit]:hover,body[data-theme-mode=dark] .btn-primary:hover,body[data-theme-mode=dark] .profile-button:hover,body[data-theme-mode=dark] .settings-inline-button:hover,body[data-theme-mode=dark] .modal-panel button[type=submit]:hover,body[data-theme-mode=dark] .dashboard-grid>.new-vehicle-panel button:hover,body[data-theme-mode=dark] .garage-access-bar .garage-access-cta:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg-hover) 94%, var(--accent) 6%), color-mix(in srgb, var(--tile-bg-alt) 86%, var(--accent) 14%));box-shadow:0 8px 20px color-mix(in srgb, var(--tile-glow) 42%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}body[data-theme-mode=dark] .filter-count,body[data-theme-mode=dark] .settings-data-tools summary:after,body[data-theme-mode=dark] .eyebrow{color:var(--tile-muted)}body[data-theme-mode=dark] .garage-view-option:not(.is-active){box-shadow:none;background:0 0;border:0}body[data-theme-mode=dark] .garage-view-toggle{border-color:var(--border-soft)}body[data-theme-mode=dark] .task-complete-button{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--tile-muted) 28%, transparent)}body[data-theme-mode=dark] button.ghost:hover{background:color-mix(in srgb, var(--tile-muted) 12%, transparent)}body[data-theme-mode=dark] .board-list-fade-top{background:linear-gradient(to bottom, color-mix(in srgb, var(--tile-bg) 84%, transparent), transparent)}body[data-theme-mode=dark] .board-list-fade-bottom{background:linear-gradient(to top, color-mix(in srgb, var(--tile-bg) 84%, transparent), transparent)}body[data-theme-mode=dark] .task-board-group .board-list-fade-top{background:linear-gradient(to bottom, var(--surface), transparent)}body[data-theme-mode=dark] .task-board-group .board-list-fade-bottom{background:linear-gradient(to top, var(--surface), transparent)}@media (prefers-color-scheme:dark){body[data-theme-mode=system] .top-nav,body[data-theme-mode=system] .panel,body[data-theme-mode=system] .modal-panel,body[data-theme-mode=system] .hero-intro,body[data-theme-mode=system] .dashboard-intro,body[data-theme-mode=system] .dashboard-hero .garage-summary,body[data-theme-mode=system] .task-board-group.panel{background:linear-gradient(180deg, var(--surface), var(--surface-alt)), radial-gradient(circle at top right, color-mix(in srgb, var(--tile-glow) 72%, transparent), transparent 13rem);border-color:var(--border-soft);color:var(--text-primary)}body[data-theme-mode=system] .board-tabs{background:var(--surface);border-color:var(--border-soft)}body[data-theme-mode=system] input,body[data-theme-mode=system] select,body[data-theme-mode=system] textarea,body[data-theme-mode=system] .task-card,body[data-theme-mode=system] .board-table td,body[data-theme-mode=system] .settings-section,body[data-theme-mode=system] .manage-task-row,body[data-theme-mode=system] .board-list-item,body[data-theme-mode=system] .task-menu-popover{background-color:color-mix(in srgb, var(--surface) 82%, #fff8ed 18%);border-color:color-mix(in srgb, var(--tile-muted) 24%, transparent);color:var(--text-primary)}body[data-theme-mode=system] .weather-nav-card{border-color:color-mix(in srgb, var(--tile-muted) 22%, transparent);color:var(--text-on-accent)}body[data-theme-mode=system] .weather-nav-card:hover{background:linear-gradient(160deg, color-mix(in srgb, var(--tile-bg) 98%, transparent), color-mix(in srgb, var(--tile-bg-hover) 96%, transparent)), radial-gradient(circle at top right, var(--tile-glow-hover), transparent 12rem)}body[data-theme-mode=system] .eyebrow,body[data-theme-mode=system] .filter-count,body[data-theme-mode=system] .menu-button,body[data-theme-mode=system] .task-complete-button,body[data-theme-mode=system] button.ghost,body[data-theme-mode=system] .segmented-field legend,body[data-theme-mode=system] .colour-scheme-field legend,body[data-theme-mode=system] .segmented-option span,body[data-theme-mode=system] .colour-scheme-option{color:var(--tile-muted)}body[data-theme-mode=system] .weather-nav-card strong{color:var(--text-on-accent)}body[data-theme-mode=system] .weather-nav-card small{color:var(--tile-muted)}body[data-theme-mode=system] .weather-icon{stroke:var(--text-on-accent)}body[data-theme-mode=system] button.secondary{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 72%, transparent);color:var(--text-on-accent)}body[data-theme-mode=system] button[type=submit],body[data-theme-mode=system] .btn-primary,body[data-theme-mode=system] .profile-button,body[data-theme-mode=system] .settings-inline-button,body[data-theme-mode=system] .modal-panel button[type=submit],body[data-theme-mode=system] .dashboard-grid>.new-vehicle-panel button,body[data-theme-mode=system] .garage-access-bar .garage-access-cta{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg) 96%, var(--accent) 4%), color-mix(in srgb, var(--tile-bg-alt) 90%, var(--accent) 10%));border-color:color-mix(in srgb, var(--tile-muted) 26%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}body[data-theme-mode=system] button[type=submit]:hover,body[data-theme-mode=system] .btn-primary:hover,body[data-theme-mode=system] .profile-button:hover,body[data-theme-mode=system] .settings-inline-button:hover,body[data-theme-mode=system] .modal-panel button[type=submit]:hover,body[data-theme-mode=system] .dashboard-grid>.new-vehicle-panel button:hover,body[data-theme-mode=system] .garage-access-bar .garage-access-cta:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--tile-bg-hover) 94%, var(--accent) 6%), color-mix(in srgb, var(--tile-bg-alt) 86%, var(--accent) 14%));box-shadow:0 8px 20px color-mix(in srgb, var(--tile-glow) 42%, transparent);color:#fff8ed;-webkit-text-fill-color:#fff8ed}body[data-theme-mode=system] .task-complete-button{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:color-mix(in srgb, var(--tile-muted) 28%, transparent)}body[data-theme-mode=system] .garage-view-option:not(.is-active){box-shadow:none;background:0 0;border:0}body[data-theme-mode=system] button.ghost:hover{background:color-mix(in srgb, var(--tile-muted) 12%, transparent)}body[data-theme-mode=system] .board-list-fade-top{background:linear-gradient(to bottom, color-mix(in srgb, var(--tile-bg) 84%, transparent), transparent)}body[data-theme-mode=system] .board-list-fade-bottom{background:linear-gradient(to top, color-mix(in srgb, var(--tile-bg) 84%, transparent), transparent)}body[data-theme-mode=system] .task-board-group .board-list-fade-top{background:linear-gradient(to bottom, var(--surface), transparent)}body[data-theme-mode=system] .task-board-group .board-list-fade-bottom{background:linear-gradient(to top, var(--surface), transparent)}body[data-theme-mode=system] input:focus,body[data-theme-mode=system] textarea:focus{background-color:var(--surface-strong)}body[data-theme-mode=system] select{--select-arrow-color:var(--tile-muted);--select-track-color:color-mix(in srgb, var(--accent) 18%, transparent);--select-track-color-end:color-mix(in srgb, var(--accent) 7%, transparent);--select-fill:var(--surface)}body[data-theme-mode=system] .task-recurring-toggle>.garage-view-option:not(.is-active):hover{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text-primary)}}@media (width<=900px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-hero{min-height:auto}}@media (width<=1160px){:root{--panel-kicker-font-size:clamp(.72rem, 2.6vw, .78rem);--panel-kicker-letter-spacing:.16em}.hero-intro>.eyebrow,.dashboard-intro>.eyebrow,.dashboard-hero .garage-summary>span:first-child,.garage-vehicle-section .eyebrow.garage-view-heading,.dashboard-grid>.new-vehicle-panel>.eyebrow,.garage-access-bar .eyebrow,.detail-side-stack>.current-vehicle-panel .current-vehicle-card .eyebrow,.detail-side-stack>.current-vehicle-actions-card .current-vehicle-actions-heading .eyebrow{font-size:var(--panel-kicker-font-size);letter-spacing:var(--panel-kicker-letter-spacing);line-height:1.2}.detail-side-stack>.current-vehicle-actions-card .current-vehicle-actions-heading .eyebrow{opacity:1}.hero,.dashboard-hero,.detail-layout,.content-grid,.dashboard-grid,.data-panel{grid-template-columns:1fr}.dashboard-hero .dashboard-intro{order:1}.dashboard-hero .garage-summary{order:2}.vehicle-title.is-stacked{white-space:normal;flex-direction:column;align-items:flex-start;gap:.06em}.vehicle-title.is-stacked .vehicle-title-model{margin-left:0}.vehicle-title.is-stacked span{display:block}.detail-viewport{gap:var(--detail-section-gap);grid-template-rows:auto;height:auto;max-height:none;display:grid;overflow:hidden}.detail-viewport .detail-layout{gap:var(--detail-section-gap);overscroll-behavior:none;width:100%;height:auto;min-height:0;max-height:none;overflow:hidden}.detail-viewport .detail-main,.detail-viewport .detail-side-stack{width:100%;height:auto;min-height:0;max-height:none;overflow:visible}.detail-viewport .task-board-group{overscroll-behavior:none;width:100%;height:auto;min-height:0;max-height:none;overflow:hidden}.detail-main,.detail-side-stack,.detail-side-stack>.current-vehicle-panel,.detail-side-stack>.current-vehicle-actions-card{grid-area:auto}.detail-main{overscroll-behavior:none;order:2;width:100%;height:auto;min-height:0;overflow:hidden}.task-board-group,.detail-viewport .task-board-group{height:auto;min-height:clamp(420px, 58vh, var(--service-board-height));overscroll-behavior:none;overflow:hidden}.detail-side-stack{gap:var(--detail-section-gap);order:1;grid-template-rows:auto auto;height:auto;min-height:0}.detail-side-stack>.current-vehicle-panel,.detail-side-stack>.current-vehicle-actions-card{height:auto;min-height:0;overflow:visible}.detail-side-stack>.current-vehicle-panel{min-height:clamp(7.5rem,24vw,11rem)}.current-vehicle-card{height:auto;min-height:0}.new-vehicle-panel{height:auto;min-height:0;padding:var(--surface-card-padding);align-self:stretch;gap:1rem}.new-vehicle-panel .eyebrow{margin-bottom:.5rem}.new-vehicle-panel h2{margin:0;font-size:clamp(1.15rem,4.8vw,1.45rem);line-height:1.15}.new-vehicle-panel p{margin-bottom:0;font-size:.9rem;line-height:1.5}.garage-access-bar{flex-direction:column;align-items:stretch;gap:1rem}.garage-access-bar-actions{align-items:stretch;width:100%}.garage-access-sale-note{text-align:left}.garage-access-cta{width:100%;min-width:0}.garage-access-badge{align-self:flex-start}.vehicle-panel{height:var(--garage-action-panel-height);min-height:var(--garage-action-panel-height);overflow:hidden}.garage-vehicle-section,.vehicle-scroll-frame{height:100%;min-height:0}.vehicle-grid{scroll-snap-type:y mandatory;grid-auto-rows:100%;height:100%;min-height:0;overflow-y:auto}.hero,.dashboard-hero{height:auto;min-height:auto}.hero-intro h1{max-width:min(100%,24ch)}.dashboard-intro h1{max-width:none;font-size:clamp(1.65rem,4.5vw,2.75rem);line-height:1.08}.dashboard-hero .dashboard-intro,.dashboard-hero .garage-summary{box-sizing:border-box;width:100%;max-width:100%}.dashboard-hero .garage-summary{justify-content:flex-start;gap:.75rem;min-height:0;padding:clamp(1rem,4vw,1.5rem);overflow:visible}.dashboard-hero .garage-summary>span:first-child{width:100%}.dashboard-intro{justify-content:flex-start;gap:.75rem;padding:clamp(1rem,4vw,1.5rem)}.dashboard-intro .eyebrow{margin-bottom:0}.dashboard-intro p,.dashboard-intro .eyebrow{max-width:none}.garage-summary-count{align-items:end;width:100%}.garage-summary-lines{justify-content:flex-start;gap:.35rem;height:auto}.garage-summary-label{letter-spacing:.08em;text-align:left;text-align-last:left;white-space:normal;font-size:clamp(.72rem,3.4cqi,.9rem)}.garage-summary-label:after,.garage-summary-meta:after{display:none}.garage-summary-meta{text-align:left;white-space:normal;flex-wrap:wrap;align-items:center;gap:.15rem .35rem;font-size:clamp(.68rem,2.8cqi,.82rem);line-height:1.35;display:flex}.garage-summary-meta-due,.garage-summary-meta-sep,.garage-summary-meta-soon{white-space:nowrap;flex:none}.stats-grid{grid-template-columns:1fr}.vehicle-tile{grid-template-columns:minmax(0,1fr);height:100%;min-height:0;max-height:none}.vehicle-row-main{text-align:left}.garage-summary-count{letter-spacing:-.055em;font-size:clamp(1.35rem,9vw,3.25rem)}.vehicle-carousel-controls{bottom:var(--vehicle-control-inset);right:var(--vehicle-control-inset)}}@media (width<=620px){:root{--garage-action-panel-height:min(450px, 52dvh);--detail-shell-padding-inline:max(.85rem, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))}.app-shell{padding-block:max(var(--detail-shell-padding-block), env(safe-area-inset-top,0px)) max(var(--detail-shell-padding-block), env(safe-area-inset-bottom,0px));padding-inline:max(.85rem, env(safe-area-inset-left,0px)) max(.85rem, env(safe-area-inset-right,0px));width:100%}.modal-backdrop{padding:max(.65rem, env(safe-area-inset-top,0px)) max(.65rem, env(safe-area-inset-right,0px)) max(.65rem, env(safe-area-inset-bottom,0px)) max(.65rem, env(safe-area-inset-left,0px));align-items:flex-end}.modal-panel{box-sizing:border-box;border-radius:1.25rem;width:100%;max-height:min(94dvh,760px)}.modal-heading{flex-wrap:wrap;align-items:flex-start;gap:.65rem}.modal-heading>div{flex:auto;min-width:0}.modal-heading h2{overflow-wrap:anywhere;max-width:none;font-size:clamp(1.2rem,5.2vw,1.65rem);line-height:1.15}.modal-heading .icon-button{flex:none;margin-left:auto}.modal-actions{flex-direction:column;align-items:stretch;gap:.55rem;width:100%}.modal-actions.has-form-delete .modal-actions-start,.modal-actions.has-form-delete .modal-actions-end{flex-direction:column;width:100%}.modal-actions>button,.modal-actions.wrap-actions>button,.modal-actions.has-form-delete .modal-actions-start>button,.modal-actions.has-form-delete .modal-actions-end>button{justify-content:center;width:100%}.modal-confirm .modal-actions{margin-top:.35rem}.vehicle-identity-row{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.vehicle-details-form{flex:auto;width:100%}.settings-profile{flex-direction:column;align-items:flex-start}.colour-scheme-options{gap:.5rem}.colour-scheme-option{font-size:.86rem}.settings-data-tools textarea{min-height:8rem}.top-nav,.inline-form,.garage-vehicle-section .section-heading{flex-flow:wrap;align-items:stretch;gap:.65rem}.nav-card-stack{grid-template-rows:auto auto;grid-template-columns:max-content minmax(0,1fr);align-items:stretch}.top-nav{display:contents}.top-nav-actions{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-width:0;padding:var(--nav-bar-padding-block) var(--nav-bar-padding-inline);grid-area:1/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;gap:.5rem;width:100%;display:grid}.weather-nav-card{grid-area:2/1;justify-content:flex-start;align-self:stretch;width:max-content;padding-inline:.6rem}.nav-greeting-card{background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);min-width:0;padding:var(--nav-bar-padding-block) var(--nav-bar-padding-inline);grid-area:2/2;align-self:stretch;width:100%}.nav-greeting-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.05rem;overflow:hidden}.profile-button-avatar,.profile-button img{display:none}.profile-button{justify-content:center;gap:0;padding:.5rem .75rem}.profile-button-label{font-size:.86rem}body[data-theme-mode=dark] .top-nav-actions,body[data-theme-mode=dark] .nav-greeting-card{background:linear-gradient(180deg, var(--surface), var(--surface-alt)), radial-gradient(circle at top right, color-mix(in srgb, var(--tile-glow) 72%, transparent), transparent 13rem);border-color:var(--border-soft);color:var(--text-primary)}body[data-theme-mode=dark] .nav-greeting-card strong{color:var(--text-primary)}@media (prefers-color-scheme:dark){body[data-theme-mode=system] .top-nav-actions,body[data-theme-mode=system] .nav-greeting-card{background:linear-gradient(180deg, var(--surface), var(--surface-alt)), radial-gradient(circle at top right, color-mix(in srgb, var(--tile-glow) 72%, transparent), transparent 13rem);border-color:var(--border-soft);color:var(--text-primary)}body[data-theme-mode=system] .nav-greeting-card strong{color:var(--text-primary)}}.profile-button,.logout-button{justify-content:center;width:100%;min-height:2.75rem}.garage-heading-toggle-wrap{flex:100%;width:100%;margin-left:0}.garage-heading-title{flex-wrap:wrap;flex:auto;row-gap:.45rem}.garage-view-toggle{width:100%;max-width:none;display:flex}.garage-view-option{flex:1 1 0;justify-content:center;min-width:0;padding:.5rem .65rem}.section-heading,.task-card,.history-item,.manage-task-row,.button-row,.task-board-heading{flex-direction:column;align-items:stretch}.board-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;width:100%;max-width:none;padding:.3rem}.board-tab{min-height:2.75rem;padding:.62rem .45rem;font-size:.78rem}.board-tab span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-row{grid-template-columns:1fr}.weather-nav-card strong{font-size:1.45rem}.weather-nav-card small{max-width:5.5rem}.weather-icon{width:1.9rem;height:1.9rem}.hero-intro{padding:clamp(1rem,4vw,1.25rem)}.hero-intro h1{letter-spacing:-.04em;margin-bottom:.5rem;line-height:1.1}.dashboard-intro h1{letter-spacing:-.04em;max-width:none;margin-bottom:.5rem;font-size:clamp(1.55rem,6.8vw,2.2rem);line-height:1.1}.hero-intro p:last-child,.dashboard-intro p{max-width:none;font-size:clamp(.82rem,3.6vw,.95rem);line-height:1.45}.vehicle-tile{height:100%;min-height:0;max-height:none}.vehicle-panel{height:var(--garage-action-panel-height);max-height:none;min-height:var(--garage-action-panel-height);overflow:hidden}.vehicle-scroll-frame{height:100%;min-height:0;max-height:none}.task-board-group,.detail-viewport .task-board-group{grid-template-rows:auto auto minmax(0,1fr);gap:.55rem;min-height:0}.task-board-heading{grid-row:1;margin:0}.task-board-actions{grid-row:2;justify-self:stretch;gap:.55rem;width:100%;margin:0;display:flex;position:static}.task-board-actions .task-board-create-button,.task-board-actions .task-board-manage-button{box-shadow:var(--card-shadow);border-radius:.95rem;flex:1 1 0;width:auto;min-width:0;height:2.75rem;position:static}.task-board-create-button{box-shadow:var(--card-shadow);z-index:auto;border-radius:.95rem;grid-row:2;justify-self:stretch;width:100%;height:2.75rem;margin:0;font-size:1.2rem;position:static;bottom:auto;right:auto}.task-board-group>.board-tab-panel{grid-row:3}.task-board-group .board-tab-panel{--board-scroll-height:clamp(220px, 46dvh, min(52dvh, calc(100dvh - 17rem)));box-sizing:border-box;height:var(--board-scroll-height);max-height:var(--board-scroll-height);min-height:var(--board-scroll-height);grid-template-rows:auto minmax(0,1fr);padding-bottom:0;display:grid;overflow:hidden}.history-board,.maintenance-board,.projects-board,.parts-board{grid-template-rows:minmax(0,1fr)}.task-board-group .board-table .board-head-view-filter select{max-width:100%}.task-board-group .scroll-fade{overflow:hidden}.board-list{-webkit-overflow-scrolling:touch}.board-list-item .board-row-menu,.board-list-item .board-actions-toolbar{opacity:1;pointer-events:auto}.hero-card>strong{white-space:normal;font-size:clamp(1.35rem,10vw,2.4rem)}.garage-summary-count{font-size:clamp(1.5rem,12vw,2.75rem)}.app-footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem}.detail-side-stack>.current-vehicle-panel .current-vehicle-year,.detail-side-stack>.current-vehicle-panel .current-vehicle-make,.detail-side-stack>.current-vehicle-panel .current-vehicle-model{overflow-wrap:anywhere;white-space:normal}.history-board-actions{flex-wrap:wrap;justify-content:flex-end;max-width:100%;position:static}.hero-intro,.dashboard-intro,.hero-card,.garage-summary,.panel,.top-nav,.weather-nav-card,.vehicle-tile{border-radius:var(--card-radius)}}@media (width<=380px){:root{--vehicle-control-inset:.65rem;--card-radius:1.1rem;--detail-section-gap:.85rem;--nav-bar-padding-block:.5rem;--nav-bar-padding-inline:.6rem;--surface-card-padding:.85rem}.app-shell{padding-inline:max(.65rem, env(safe-area-inset-left,0px)) max(.65rem, env(safe-area-inset-right,0px))}.marketing-shell{padding:max(.85rem, env(safe-area-inset-top,0px)) max(.65rem, env(safe-area-inset-right,0px)) max(.85rem, env(safe-area-inset-bottom,0px)) max(.65rem, env(safe-area-inset-left,0px))}.profile-button-label{font-size:.8rem}.logout-button{white-space:nowrap;padding:.5rem .55rem;font-size:.8rem}.board-tab{padding:.55rem .3rem;font-size:.72rem}.garage-view-toggle{padding:.25rem}.garage-view-option{gap:.3rem;padding:.5rem .45rem;font-size:.82rem}.garage-summary-count{column-gap:.3rem;font-size:clamp(1.35rem,11vw,2rem)}.hero-intro h1,.dashboard-intro h1{font-size:clamp(1.45rem,8.2vw,1.85rem)}.hero-card>strong{font-size:clamp(1.2rem,9vw,1.85rem)}.panel{padding:var(--surface-card-padding)}.task-board-actions .task-board-create-button,.task-board-create-button{padding:.55rem .75rem;font-size:.82rem}.task-board-actions .task-board-create-button strong,.task-board-create-button strong{font-size:.82rem}.app-toast{box-sizing:border-box;max-width:calc(100vw - 1.3rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));text-align:center;white-space:normal;transform:translate(-50%,.65rem)}.app-toast.is-visible{transform:translate(-50%)}.modal-backdrop{padding:max(.45rem, env(safe-area-inset-top,0px)) max(.45rem, env(safe-area-inset-right,0px)) max(.45rem, env(safe-area-inset-bottom,0px)) max(.45rem, env(safe-area-inset-left,0px))}.modal-panel{max-height:min(96dvh,760px);padding:.85rem}.modal-heading h2{font-size:clamp(1.1rem,5.8vw,1.35rem)}.modal-form-section,.settings-section,.ownership-fields{padding:.8rem}.settings-inline-button{width:100%}.task-board-group .board-tab-panel{--board-scroll-height:clamp(200px, 42dvh, min(48dvh, calc(100dvh - 18rem)))}.task-board-create-button strong{font-size:.8rem}}