:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e4e8ec;--bg-elevated:#f2f4f7;--bg-raised:#d6dae0;--fg:#18191e;--fg-muted:#52596a;--fg-dim:#98a0b0;--accent:#006a5e;--accent-dim:#005548;--accent-soft:#006a5e17;--accent-fg:#fff;--economy:#1a7a40;--economy-soft:#1a7a4017;--warning:#c04010;--danger:#cc2020;--danger-soft:#cc202014;--border:#c4cad4;--border-focus:#006a5e;--grid:#cdd3de;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 8px -2px #0000001a;--shadow-lg:0 12px 24px -4px #00000024;--shadow-inset:inset 0 1px 0 #fff9;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-full:9999px;--font-condensed:"Barlow Condensed", "Arial Narrow", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--font-ui:"Outfit", system-ui, sans-serif;--text-xs:clamp(.65rem, .6rem + .25vw, .75rem);--text-sm:clamp(.75rem, .7rem + .25vw, .875rem);--text-base:clamp(.875rem, .825rem + .25vw, 1rem);--text-lg:clamp(1rem, .925rem + .375vw, 1.125rem);--text-xl:clamp(1.25rem, 1.125rem + .625vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.25rem + 1.25vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--text-4xl:clamp(2.5rem, 1.75rem + 3.75vw, 4rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0c12;--bg-elevated:#121520;--bg-raised:#1a1f30;--fg:#dce2f0;--fg-muted:#7080a0;--fg-dim:#303850;--accent:#00c8b4;--accent-dim:#00a898;--accent-soft:#00c8b41f;--accent-fg:#0a0c12;--economy:#30d060;--economy-soft:#30d0601f;--warning:#ff6820;--danger:#f04040;--danger-soft:#f040401f;--border:#242840;--border-focus:#00c8b4;--grid:#1c2238;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 8px -2px #00000080;--shadow-lg:0 12px 24px -4px #0009;--shadow-inset:inset 0 1px 0 #ffffff08}*,:before,:after{box-sizing:border-box}html{background-color:var(--bg)}body{min-width:320px;min-height:100vh;font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--fg);margin:0;font-weight:400;line-height:1.6}*,button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--fg);font-weight:700;line-height:1.25}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-lg);font-weight:600}h3{font-size:var(--text-base)}p{color:var(--fg-muted)}a{color:inherit}#root{min-height:100svh}.tabular-nums{font-variant-numeric:tabular-nums}.app-nav{z-index:100;background-color:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{max-width:720px;height:52px;padding:0 var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.nav-brand{align-items:center;gap:var(--space-2);font-family:var(--font-condensed);font-size:var(--text-lg);letter-spacing:.18em;text-transform:uppercase;color:var(--fg);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:700;display:flex}.nav-gauge-icon{color:var(--accent);flex-shrink:0}.nav-actions{align-items:center;gap:var(--space-2);min-width:0;display:flex}.nav-email{color:var(--fg-dim);font-size:var(--text-xs);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.icon-button{border-radius:var(--radius-sm);border:1px solid var(--border);width:34px;height:34px;color:var(--fg-muted);font-size:var(--text-xs);font-family:var(--font-condensed);letter-spacing:.05em;background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:flex}.icon-button:hover{background-color:var(--bg-raised);color:var(--fg);border-color:var(--fg-dim)}.icon-button--wide{width:auto;padding:0 var(--space-2);min-width:34px}.app-shell{max-width:720px;padding:var(--space-6) var(--space-4) var(--space-12);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex}.card{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.primary-cluster{background-color:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);gap:var(--space-5);flex-direction:column;display:flex}.primary-readout{gap:var(--space-1);flex-direction:column;display:flex}.primary-readout-label{font-family:var(--font-condensed);font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.primary-value-row{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.primary-value{font-family:var(--font-mono);font-size:var(--text-4xl);color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.primary-value--dim{color:var(--fg-dim)}.primary-unit{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--fg-muted);letter-spacing:.05em;font-weight:500}.primary-subtext{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-1)}.stat-pods{gap:var(--space-3);flex-wrap:wrap;display:flex}.stat-pod{flex:1 1 calc(33.333% - var(--space-3));background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-1);flex-direction:column;display:flex}.stat-value{font-family:var(--font-mono);font-size:var(--text-xl);color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.stat-label{font-family:var(--font-condensed);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.economy-gauge{align-items:center;gap:var(--space-3);display:flex}.gauge-segments{flex-shrink:0;align-items:center;gap:2px;display:flex}.gauge-seg{background-color:var(--grid);border-radius:1px;flex-shrink:0}.economy-gauge--lg .gauge-seg{width:10px;height:18px}.economy-gauge--md .gauge-seg{width:7px;height:13px}.economy-gauge--sm .gauge-seg{width:5px;height:9px}.gauge-seg--filled{animation:50ms backwards gaugeSegIn}@keyframes gaugeSegIn{0%{opacity:.3;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.gauge-seg--filled{animation:none}}.gauge-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--fg-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.gauge-unit{font-size:var(--text-xs);color:var(--fg-dim);font-weight:400}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.section-heading h2{font-family:var(--font-condensed);font-size:var(--text-base);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);font-weight:700}.section-heading p{font-size:var(--text-xs);color:var(--fg-dim);margin-top:var(--space-1)}.toggle-group{border-radius:var(--radius-sm);background-color:var(--bg);border:1px solid var(--border);gap:2px;padding:2px;display:inline-flex}.toggle{border-radius:var(--radius-sm);color:var(--fg-muted);font-size:var(--text-sm);font-family:var(--font-condensed);letter-spacing:.07em;text-transform:uppercase;background-color:#0000;border:1px solid #0000;padding:6px 14px;font-weight:600;transition:background-color .15s,color .15s,border-color .15s}.toggle.active{background-color:var(--bg-elevated);color:var(--fg);border-color:var(--border)}.primary-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);font-family:var(--font-ui);background-color:var(--accent);color:var(--accent-fg);white-space:nowrap;border:none;padding:9px 18px;transition:opacity .12s,transform 80ms cubic-bezier(.4,0,.2,1);display:inline-flex}.primary-button:hover{opacity:.88}.primary-button:active{opacity:.88;transform:scale(.98)}.secondary-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border);font-weight:500;font-size:var(--text-sm);font-family:var(--font-ui);color:var(--fg-muted);white-space:nowrap;background-color:#0000;padding:9px 18px;transition:background-color .15s,border-color .15s,color .15s,transform 80ms cubic-bezier(.4,0,.2,1);display:inline-flex}.secondary-button:hover{background-color:var(--bg-raised);color:var(--fg)}.secondary-button:active{transform:scale(.98)}.danger-button{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);font-family:var(--font-ui);background-color:var(--danger);color:#fff;white-space:nowrap;cursor:pointer;border:none;padding:9px 18px;transition:opacity .15s,transform 80ms cubic-bezier(.4,0,.2,1);display:inline-flex}.danger-button:hover{opacity:.85}.danger-button:active{transform:scale(.98)}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled,.toggle:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.nav-signout{font-size:var(--text-xs);padding:6px 12px}.add-btn{font-size:var(--text-xs);padding:7px 12px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.field-row{gap:var(--space-3);display:flex}.field-row .field{flex:1;min-width:0}.field{gap:var(--space-1);flex-direction:column;display:flex}.field span{font-family:var(--font-condensed);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:600}.field input,.field select{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg);width:100%;color:var(--fg);padding:9px var(--space-3);font-size:var(--text-sm);font-family:var(--font-ui);appearance:none;transition:border-color .1s,box-shadow .1s}.field input[type=number],.field input[type=datetime-local]{font-family:var(--font-mono)}.field input::placeholder{color:var(--fg-dim)}.field input:focus,.field select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input:disabled{opacity:.5;cursor:not-allowed}.checkbox-field{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .1s,background-color .1s;display:flex}.checkbox-field:has(input:checked){border-color:var(--accent);background-color:var(--accent-soft)}.checkbox-field input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.checkbox-field span{font-size:var(--text-sm);color:var(--fg);text-transform:none;letter-spacing:normal;font-weight:500}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);border-left:3px solid var(--border);font-size:var(--text-sm);background-color:var(--bg-elevated);color:var(--fg-muted);font-weight:500}.notice.success{border-color:var(--border);border-left-color:var(--economy);color:var(--economy);background-color:var(--economy-soft)}.notice.error{border-color:var(--border);border-left-color:var(--danger);color:var(--danger);background-color:var(--danger-soft)}.notice.neutral{border-left-color:var(--fg-dim);color:var(--fg-dim)}.car-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.car-card{font:inherit;text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg);padding:var(--space-4);gap:var(--space-2);cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.car-card:hover{border-color:var(--fg-dim);box-shadow:var(--shadow-md)}.car-card.active{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent), var(--shadow-sm)}.car-name{font-family:var(--font-condensed);color:var(--fg);font-weight:700;font-size:var(--text-base);letter-spacing:.04em;text-transform:uppercase}.car-meta{color:var(--fg-dim);font-size:var(--text-xs)}.car-stat{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tank-bar{background-color:var(--grid);border-radius:var(--radius-full);height:4px;margin-top:var(--space-1);overflow:hidden}.tank-fill{background-color:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .3s}.car-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.car-card-actions{opacity:0;flex-shrink:0;gap:2px;transition:opacity .15s;display:flex}.car-card:hover .car-card-actions,.car-card.active .car-card-actions{opacity:1}.card-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-raised);width:30px;height:30px;color:var(--fg-muted);justify-content:center;align-items:center;padding:0;font-size:14px;transition:background-color .1s,border-color .1s,color .1s;display:flex}.card-action-btn:hover{background-color:var(--border);color:var(--fg)}.card-action-btn--danger:hover{background-color:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.car-stats-row{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.car-stat-pod{background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);flex-direction:column;gap:2px;display:flex}.car-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.car-stat-label{font-family:var(--font-condensed);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);font-weight:600}.history-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.history-item{border-bottom:1px solid var(--border);padding:var(--space-4);background-color:var(--bg-elevated);gap:var(--space-3);flex-direction:column;transition:background-color .1s;display:flex}.history-item:last-child{border-bottom:none}.history-item:hover{background-color:var(--bg)}.history-topline{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.history-odometer{font-family:var(--font-mono);font-size:var(--text-base);color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700}.history-date{font-family:var(--font-mono);color:var(--fg-dim);font-size:var(--text-xs);white-space:nowrap}.history-topline-right{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.history-grid{gap:2px var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.history-data-cell{background-color:var(--bg-elevated);border:1px solid var(--grid);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg);font-variant-numeric:tabular-nums;flex-direction:column;gap:1px;font-weight:600;display:flex}.history-cell-label{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:400}.history-economy-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fill-badge{border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:.08em;align-items:center;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.fill-badge--full{background-color:var(--economy-soft);color:var(--economy);border:1px solid #00d47e40}.fill-badge--partial{background-color:var(--accent-soft);color:var(--accent);border:1px solid #ffb00040}.economy-badge-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.economy-badge{border-radius:var(--radius-sm);background-color:var(--economy-soft);color:var(--economy);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;padding:3px 8px;font-weight:700;display:inline-flex}.economy-badge--pending{background-color:var(--bg-raised);color:var(--fg-dim);border:1px solid var(--border)}.muted{color:var(--fg-muted)}.empty-state{font-size:var(--text-sm);color:var(--fg-dim);padding:var(--space-4) 0;font-family:var(--font-ui)}.setup-card code{font-family:var(--font-mono);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);padding:2px 6px;font-size:.85em}.auth-card{width:100%}.auth-header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-header h2{font-size:var(--text-xl);color:var(--fg);font-weight:700;font-family:var(--font-ui);letter-spacing:normal;text-transform:none;margin-top:var(--space-2)}.auth-header p{font-size:var(--text-sm);color:var(--fg-muted);margin-top:var(--space-1);font-family:var(--font-ui);text-transform:none;letter-spacing:normal}.auth-tabs{border-radius:var(--radius-sm);background-color:var(--bg);border:1px solid var(--border);gap:2px;padding:2px;display:inline-flex}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);padding:var(--space-4);background-color:#0009;justify-content:center;align-items:center;animation:.15s overlayIn;display:flex;position:fixed;inset:0}.modal-panel{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-lg);animation:.2s cubic-bezier(.16,1,.3,1) panelIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--border);background-color:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-header h2{font-family:var(--font-condensed);font-size:var(--text-base);letter-spacing:.1em;text-transform:uppercase;color:var(--fg);font-weight:700}.modal-body{padding:var(--space-5)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes panelIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.confirm-panel{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px;padding:var(--space-8) var(--space-6) var(--space-6);text-align:center;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-lg);flex-direction:column;animation:.2s cubic-bezier(.16,1,.3,1) panelIn;display:flex}.confirm-icon{margin-bottom:var(--space-1);font-size:1.5rem;line-height:1}.confirm-title{font-family:var(--font-condensed);font-size:var(--text-lg);color:var(--fg);letter-spacing:.02em;font-weight:700}.confirm-detail{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-dim);font-variant-numeric:tabular-nums;line-height:1.6}.confirm-actions{gap:var(--space-3);margin-top:var(--space-2);width:100%;display:flex}.confirm-actions .secondary-button,.confirm-actions .danger-button{flex:1;justify-content:center}.loading-cluster{background-color:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.loading-label{font-family:var(--font-condensed);font-size:var(--text-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);font-weight:600;animation:1.6s ease-in-out infinite loadPulse}@keyframes loadPulse{0%,to{opacity:1}50%{opacity:.35}}.hero-card{display:none}.tumbling-number{align-items:baseline;display:inline-flex;overflow:hidden}.tumbling-char{animation:.5s cubic-bezier(.16,1,.3,1) backwards charTumble;display:inline-block}.tumbling-char--punct{animation-duration:.25s}@keyframes charTumble{0%{opacity:0;transform:translateY(65%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.tumbling-char{animation:none}}@media (width>=740px){.app-shell{padding:var(--space-8) var(--space-6) var(--space-12);gap:var(--space-5)}.card{padding:var(--space-6)}.primary-cluster{padding:var(--space-8) var(--space-6)}.nav-email{max-width:240px}.car-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.modal-body{padding:var(--space-5) var(--space-6) var(--space-6)}.modal-header{padding:var(--space-5) var(--space-6) var(--space-4)}}@media (width<=600px){.stat-pods{gap:var(--space-2)}.stat-value{font-size:var(--text-lg)}.field-row{gap:var(--space-4);flex-direction:column}.section-heading{flex-wrap:wrap}.history-grid{grid-template-columns:repeat(2,1fr)}.toggle-group{width:100%}.toggle{text-align:center;flex:1}.nav-email{display:none}.modal-panel{max-height:95vh}.car-stats-row{gap:var(--space-2)}.car-stat-value{font-size:var(--text-base)}.history-economy-row{flex-direction:column;align-items:flex-start}}@media (width<=400px){.stat-pods{gap:var(--space-2)}.stat-value{font-size:var(--text-base)}.primary-value{font-size:var(--text-3xl)}.history-grid{grid-template-columns:repeat(2,1fr)}}