:root{--stageInk: #22262b;--stageInk2: rgba(34,38,43,.6);--stageChip: rgba(255,255,255,.65);--stageEdge: rgba(255,255,255,.9);--brandChip: #15181c;--brandInk: #ffffff;--glow1: rgba(255,255,255,.85);--glow2: rgba(120,180,255,.35);--glass: rgba(255,255,255,.5);--glass2: rgba(255,255,255,.42);--glassDeep: rgba(255,255,255,.58);--sheet: rgba(252,253,255,.8);--tabBar: rgba(255,255,255,.62);--edge: rgba(255,255,255,.85);--spec: rgba(255,255,255,.9);--shadow: rgba(24,34,48,.14);--ink: #14171b;--ink2: rgba(20,23,27,.72);--ink3: rgba(20,23,27,.68);--accent: #128a4d;--accentText: #0d6f3d;--accentInk: #ffffff;--accentGlow: rgba(18,138,77,.18);--info: #2f6df6;--infoBg: rgba(47,109,246,.1);--infoEdge: rgba(47,109,246,.26);--infoGlow: rgba(47,109,246,.22);--warn: #a8641d;--danger: #b3352c;--dangerBg: rgba(224,68,58,.1);--dangerEdge: rgba(224,68,58,.3);--track: rgba(20,23,27,.12);--track2: rgba(20,23,27,.2);--tile: rgba(255,255,255,.46);--mapRoad: rgba(255,255,255,.72);--mapRoute: rgba(47,109,246,.55);--field: rgba(255,255,255,.8);--scrim: rgba(18,24,32,.3);--sliderMid: #f2f4f7;--tabActive: rgba(255,255,255,.92);--toast: rgba(24,28,34,.9);--toastInk: #ffffff;--ok: #128a4d;--warnDot: #c07a16;--dangerDot: #c0392b;--idleDot: rgba(20,23,27,.32);--asleepDot: rgba(20,23,27,.35);--mutedDot: rgba(20,23,27,.22);--infoSevDot: rgba(20,23,27,.25);--accentTint: rgba(18,138,77,.1);--warnBg: rgba(224,162,58,.14);--warnEdge: rgba(180,120,20,.28);--fillEnd: #4fc98a;--tempCold: #8b7bff;--tempWarm: #ffd15c;--toastOk: #34e07a;--toastFail: #ff8a80;--heroEdge: rgba(255,255,255,.14);--dashboardAccent: #34e07a;--dashboardAccent2: #2aa85f;--stage: radial-gradient(900px 500px at 50% -10%, #ffffff, rgba(255,255,255,0)), linear-gradient(170deg, #eef1f5 0%, #dde3ea 55%, #cdd6df 100%);--scene: linear-gradient(185deg, #e9edf3 0%, #dbe2ea 42%, #c9d3de 74%, #bcc8d5 100%);--shim: linear-gradient(100deg, rgba(255,255,255,.35) 20%, rgba(255,255,255,.8) 40%, rgba(255,255,255,.35) 60%);--placeholder: repeating-linear-gradient(45deg, rgba(255,255,255,.5) 0 8px, rgba(255,255,255,.22) 8px 16px);--mapBg: repeating-linear-gradient(45deg, #e3e8ee 0 10px, #d9dfe6 10px 20px);--batteryFill: linear-gradient(90deg, #128a4d 0%, #4fc98a 100%);--climateSlider: linear-gradient(90deg, #8b7bff 0%, #f2f4f7 48%, #ffd15c 100%);--heroBg: linear-gradient(180deg, rgba(40,45,51,.82) 0%, rgba(23,26,30,.9) 100%);--radius-pill: 99px;--radius-hero-and-sheet: 32px;--radius-card: 30px;--radius-dashboard-hero: 28px;--radius-loading-block: 26px;--radius-render-panel: 24px;--radius-tab-button: 23px;--radius-map-panel: 22px;--radius-tile: 20px;--radius-list-row: 18px;--radius-small: 16px;--radius-editor-button: 14px;--radius-form-field: 12px;--radius-brand-chip: 10px;--radius-map-caption: 8px;--radius-chart-bar: 7px;--blur-card-standard: 26px;--saturate-card-standard: 180%;--blur-card-hero: 28px;--saturate-card-hero: 180%;--blur-card-deep: 30px;--saturate-card-deep: 190%;--blur-tab-bar-and-sheet: 34px;--saturate-tab-bar-and-sheet: 200%;--blur-scrim: 8px;--blur-command-tile: 20px;--saturate-command-tile: 180%;--blur-header-button: 22px;--saturate-header-button: 180%;--blur-glow-top-left: 60px;--size-glow-top-left: 320px;--blur-glow-bottom-right: 70px;--size-glow-bottom-right: 300px;--shadow-hero: 0 18px 46px var(--shadow);--shadow-deep: 0 16px 44px var(--shadow);--shadow-standard: 0 14px 40px var(--shadow);--shadow-header-button: 0 6px 18px var(--shadow);--shadow-sheet: 0 -10px 50px var(--shadow);--shadow-toast: 0 14px 34px var(--shadow);--shadow-dashboard-hero: 0 24px 60px rgba(15,22,32,.3);--font-base: -apple-system, "SF Pro Text", "Helvetica Neue", Helvetica, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--text-live-charging-kw-size: 50px;--text-live-charging-kw-weight: 700;--text-live-charging-kw-tracking: -.04em;--text-climate-target-size: 44px;--text-climate-target-weight: 700;--text-climate-target-tracking: -.04em;--text-battery-percent-size: 34px;--text-battery-percent-weight: 700;--text-battery-percent-tracking: -.035em;--text-battery-percent-suffix-size: 15px;--text-battery-percent-suffix-weight: 600;--text-battery-percent-suffix-tracking: 0em;--text-battery-health-percent-size: 30px;--text-battery-health-percent-weight: 700;--text-battery-health-percent-tracking: -.03em;--text-screen-title-size: 27px;--text-screen-title-weight: 700;--text-screen-title-tracking: -.03em;--text-screen-title-line-height: 1.15;--text-month-cost-size: 22px;--text-month-cost-weight: 700;--text-month-cost-tracking: -.03em;--text-confirm-title-size: 21px;--text-confirm-title-weight: 700;--text-confirm-title-tracking: -.025em;--text-vehicle-model-size: 20px;--text-vehicle-model-weight: 700;--text-vehicle-model-tracking: -.025em;--text-section-headline-size: 19px;--text-section-headline-weight: 700;--text-section-headline-tracking: -.02em;--text-empty-title-size: 18px;--text-empty-title-weight: 700;--text-empty-title-tracking: -.02em;--text-sheet-title-size: 17px;--text-sheet-title-weight: 700;--text-sheet-title-tracking: -.02em;--text-battery-card-title-size: 16px;--text-battery-card-title-weight: 700;--text-battery-card-title-tracking: -.02em;--text-card-title-size: 15px;--text-card-title-weight: 700;--text-card-title-tracking: -.015em;--text-button-size: 14px;--text-button-weight: 600;--text-button-tracking: 0em;--text-row-title-size: 13.5px;--text-row-title-weight: 600;--text-row-title-tracking: 0em;--text-header-vehicle-pill-size: 13px;--text-header-vehicle-pill-weight: 600;--text-header-vehicle-pill-tracking: 0em;--text-secondary-text-size: 12.5px;--text-secondary-text-weight: 400;--text-secondary-text-tracking: 0em;--text-greeting-size: 12px;--text-greeting-weight: 600;--text-greeting-tracking: .06em;--text-row-detail-size: 11.5px;--text-row-detail-weight: 400;--text-row-detail-tracking: 0em;--text-card-section-label-size: 11px;--text-card-section-label-weight: 400;--text-card-section-label-tracking: .06em;--text-tile-label-size: 10.5px;--text-tile-label-weight: 400;--text-tile-label-tracking: .05em;--text-tab-bar-label-size: 10px;--text-tab-bar-label-weight: 600;--text-tab-bar-label-tracking: 0em;--text-chart-label-size: 9.5px;--text-chart-label-weight: 400;--text-chart-label-tracking: 0em;--space-screen-padding: 62px 16px 132px;--space-stack-gap: 14px;--space-card-padding: 18px;--space-card-padding-climate-live-session: 20px 18px;--space-card-padding-confirm-sheet: 22px;--space-card-padding-picker-sheet: 20px;--space-grid-gap: 8px;--space-grid-gap-command: 9px;--space-grid-gap-stat-pairs: 10px;--space-tab-bar-left: 12px;--space-tab-bar-right: 12px;--space-tab-bar-bottom: 40px;--space-tab-bar-padding: 7px;--space-tab-bar-gap: 2px;--space-sheet-container: 16px 14px 46px;--space-toast-bottom: 106px;--space-toast-gap: 7px;--touch-target-min: 44px;--touch-target-header-button: 44px;--touch-target-plus-minus: 46px;--command-tile-min-height: 82px;--command-tile-home-quick-action-min-height: 68px;--motion-lg-rise-duration: .2s;--motion-lg-pulse-duration: 1.1s;--motion-lg-shim-duration: 1.5s;--motion-tab-mark-duration: .18s;--motion-tab-mark-from: 7px;--motion-tab-mark-to: 16px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--stageInk: #eef2f6;--stageInk2: rgba(238,242,246,.6);--stageChip: rgba(255,255,255,.08);--stageEdge: rgba(255,255,255,.16);--brandChip: #eef2f6;--brandInk: #0e1319;--glow1: rgba(70,110,160,.35);--glow2: rgba(52,224,122,.16);--glass: rgba(255,255,255,.09);--glass2: rgba(255,255,255,.07);--glassDeep: rgba(255,255,255,.12);--sheet: rgba(30,36,44,.86);--tabBar: rgba(24,29,36,.72);--edge: rgba(255,255,255,.16);--spec: rgba(255,255,255,.22);--shadow: rgba(0,0,0,.5);--ink: #f3f6f9;--ink2: rgba(243,246,249,.7);--ink3: rgba(243,246,249,.5);--accent: #34e07a;--accentText: #5cf09a;--accentInk: #0b1016;--accentGlow: rgba(52,224,122,.2);--info: #5b9bff;--infoBg: rgba(91,155,255,.14);--infoEdge: rgba(91,155,255,.32);--infoGlow: rgba(91,155,255,.26);--warn: #ffc24b;--danger: #ff8a80;--dangerBg: rgba(255,107,94,.14);--dangerEdge: rgba(255,107,94,.34);--track: rgba(255,255,255,.16);--track2: rgba(255,255,255,.28);--tile: rgba(255,255,255,.08);--mapRoad: rgba(255,255,255,.14);--mapRoute: rgba(91,155,255,.6);--field: rgba(255,255,255,.1);--scrim: rgba(4,7,11,.55);--sliderMid: #2a323c;--tabActive: rgba(255,255,255,.16);--toast: rgba(244,247,250,.94);--toastInk: #0d1117;--ok: #34e07a;--warnDot: #ffc24b;--dangerDot: #ff8a80;--idleDot: rgba(243,246,249,.4);--asleepDot: rgba(243,246,249,.45);--mutedDot: rgba(255,255,255,.3);--infoSevDot: rgba(255,255,255,.35);--accentTint: rgba(52,224,122,.14);--warnBg: rgba(255,194,75,.12);--warnEdge: rgba(255,194,75,.3);--fillEnd: #8ef0b4;--tempCold: #8b7bff;--tempWarm: #ffd15c;--toastOk: #128a4d;--toastFail: #c0392b;--heroEdge: rgba(255,255,255,.14);--dashboardAccent: #34e07a;--dashboardAccent2: #2aa85f;--stage: radial-gradient(900px 500px at 50% -10%, #1b222c, rgba(0,0,0,0)), linear-gradient(170deg, #0e1319 0%, #0a0e13 60%, #06090d 100%);--scene: linear-gradient(185deg, #1a222c 0%, #141a23 40%, #0d1218 76%, #080b0f 100%);--shim: linear-gradient(100deg, rgba(255,255,255,.05) 20%, rgba(255,255,255,.16) 40%, rgba(255,255,255,.05) 60%);--placeholder: repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 8px, rgba(255,255,255,.03) 8px 16px);--mapBg: repeating-linear-gradient(45deg, #1b222b 0 10px, #161c24 10px 20px);--batteryFill: linear-gradient(90deg, #34e07a 0%, #8ef0b4 100%);--climateSlider: linear-gradient(90deg, #8b7bff 0%, #2a323c 48%, #ffd15c 100%);--heroBg: linear-gradient(180deg, rgba(40,45,51,.82) 0%, rgba(23,26,30,.9) 100%)}}:root[data-theme=dark]{--stageInk: #eef2f6;--stageInk2: rgba(238,242,246,.6);--stageChip: rgba(255,255,255,.08);--stageEdge: rgba(255,255,255,.16);--brandChip: #eef2f6;--brandInk: #0e1319;--glow1: rgba(70,110,160,.35);--glow2: rgba(52,224,122,.16);--glass: rgba(255,255,255,.09);--glass2: rgba(255,255,255,.07);--glassDeep: rgba(255,255,255,.12);--sheet: rgba(30,36,44,.86);--tabBar: rgba(24,29,36,.72);--edge: rgba(255,255,255,.16);--spec: rgba(255,255,255,.22);--shadow: rgba(0,0,0,.5);--ink: #f3f6f9;--ink2: rgba(243,246,249,.7);--ink3: rgba(243,246,249,.5);--accent: #34e07a;--accentText: #5cf09a;--accentInk: #0b1016;--accentGlow: rgba(52,224,122,.2);--info: #5b9bff;--infoBg: rgba(91,155,255,.14);--infoEdge: rgba(91,155,255,.32);--infoGlow: rgba(91,155,255,.26);--warn: #ffc24b;--danger: #ff8a80;--dangerBg: rgba(255,107,94,.14);--dangerEdge: rgba(255,107,94,.34);--track: rgba(255,255,255,.16);--track2: rgba(255,255,255,.28);--tile: rgba(255,255,255,.08);--mapRoad: rgba(255,255,255,.14);--mapRoute: rgba(91,155,255,.6);--field: rgba(255,255,255,.1);--scrim: rgba(4,7,11,.55);--sliderMid: #2a323c;--tabActive: rgba(255,255,255,.16);--toast: rgba(244,247,250,.94);--toastInk: #0d1117;--ok: #34e07a;--warnDot: #ffc24b;--dangerDot: #ff8a80;--idleDot: rgba(243,246,249,.4);--asleepDot: rgba(243,246,249,.45);--mutedDot: rgba(255,255,255,.3);--infoSevDot: rgba(255,255,255,.35);--accentTint: rgba(52,224,122,.14);--warnBg: rgba(255,194,75,.12);--warnEdge: rgba(255,194,75,.3);--fillEnd: #8ef0b4;--tempCold: #8b7bff;--tempWarm: #ffd15c;--toastOk: #128a4d;--toastFail: #c0392b;--heroEdge: rgba(255,255,255,.14);--dashboardAccent: #34e07a;--dashboardAccent2: #2aa85f;--stage: radial-gradient(900px 500px at 50% -10%, #1b222c, rgba(0,0,0,0)), linear-gradient(170deg, #0e1319 0%, #0a0e13 60%, #06090d 100%);--scene: linear-gradient(185deg, #1a222c 0%, #141a23 40%, #0d1218 76%, #080b0f 100%);--shim: linear-gradient(100deg, rgba(255,255,255,.05) 20%, rgba(255,255,255,.16) 40%, rgba(255,255,255,.05) 60%);--placeholder: repeating-linear-gradient(45deg, rgba(255,255,255,.08) 0 8px, rgba(255,255,255,.03) 8px 16px);--mapBg: repeating-linear-gradient(45deg, #1b222b 0 10px, #161c24 10px 20px);--batteryFill: linear-gradient(90deg, #34e07a 0%, #8ef0b4 100%);--climateSlider: linear-gradient(90deg, #8b7bff 0%, #2a323c 48%, #ffd15c 100%);--heroBg: linear-gradient(180deg, rgba(40,45,51,.82) 0%, rgba(23,26,30,.9) 100%)}@keyframes lg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes lg-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes lg-shim{0%{background-position:-320px 0}to{background-position:320px 0}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--stage);color:var(--ink);font-family:var(--font-base);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}a{color:var(--info)}.screen-loading{min-height:40vh}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;background:var(--tabBar);-webkit-backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet));backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet));border-bottom:1px solid var(--edge);flex-wrap:wrap}.app-header__greeting{margin:0;font-size:var(--text-greeting-size);font-weight:var(--text-greeting-weight);letter-spacing:var(--text-greeting-tracking);text-transform:uppercase;color:var(--ink3)}.app-header__title{margin:2px 0 0;font-size:var(--text-screen-title-size);font-weight:var(--text-screen-title-weight);letter-spacing:var(--text-screen-title-tracking);line-height:var(--text-screen-title-line-height)}.app-header__controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-button{width:var(--touch-target-header-button);height:var(--touch-target-header-button);border-radius:var(--radius-pill);border:1px solid var(--edge);background:var(--stageChip);cursor:pointer;box-shadow:var(--shadow-header-button)}.account-chip{padding:6px 12px;border-radius:var(--radius-pill);background:var(--glass);border:1px solid var(--edge);text-decoration:none;font-size:var(--text-button-size);color:var(--ink)}.simulated-badge{padding:4px 10px;border-radius:var(--radius-pill);background:var(--warnBg);border:1px solid var(--warnEdge);color:var(--warnDot);font-size:var(--text-tab-bar-label-size);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.scenario-switcher{display:flex;align-items:center;gap:6px;font-size:var(--text-row-detail-size);color:var(--ink3)}.scenario-switcher select{border-radius:var(--radius-form-field);border:1px solid var(--edge);background:var(--field);padding:4px 6px}.app-main{flex:1;padding:12px 16px 100px;max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-stack-gap)}.tab-bar{position:fixed;left:var(--space-tab-bar-left);right:var(--space-tab-bar-right);bottom:var(--space-tab-bar-bottom);display:flex;justify-content:space-around;padding:var(--space-tab-bar-padding);border-radius:var(--radius-pill);background:var(--tabBar);-webkit-backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet));backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet));border:1px solid var(--edge);box-shadow:var(--shadow-hero);gap:var(--space-tab-bar-gap);z-index:5}.tab-bar__item{flex:1;text-align:center;padding:8px 4px;border-radius:var(--radius-tab-button);text-decoration:none;color:var(--ink2);font-size:var(--text-tab-bar-label-size);font-weight:var(--text-tab-bar-label-weight)}.tab-bar__item--active{background:var(--tabActive);color:var(--ink)}.side-nav{position:sticky;top:64px;align-self:flex-start;display:flex;flex-direction:column;gap:4px;padding:16px 12px;margin:16px 0 16px 16px;border-radius:var(--radius-card);background:var(--glass);border:1px solid var(--edge);min-width:200px}.side-nav__item{padding:10px 12px;border-radius:var(--radius-small);text-decoration:none;color:var(--ink2);font-weight:600;font-size:var(--text-row-title-size)}.side-nav__item--active{background:var(--accentTint);color:var(--accentText)}@media (min-width: 700px){.app-shell--wide{display:grid;grid-template-columns:232px 1fr;grid-template-areas:"header header" "nav main"}.app-shell--wide .app-header{grid-area:header}.app-shell--wide .side-nav{grid-area:nav}.app-shell--wide .app-main{grid-area:main;max-width:960px;padding-bottom:48px}}.card,.glass-card{background:var(--glass);border:1px solid var(--edge);border-radius:var(--radius-card);padding:var(--space-card-padding);-webkit-backdrop-filter:blur(var(--blur-card-standard)) saturate(var(--saturate-card-standard));backdrop-filter:blur(var(--blur-card-standard)) saturate(var(--saturate-card-standard));box-shadow:var(--shadow-standard)}.glass-card--danger{background:var(--dangerBg);border-color:var(--dangerEdge)}.card__title{margin:0 0 10px;font-size:var(--text-section-headline-size);font-weight:var(--text-section-headline-weight);letter-spacing:var(--text-section-headline-tracking)}.card__subtitle{margin:14px 0 6px;font-size:var(--text-card-title-size);font-weight:var(--text-card-title-weight)}.card__note{margin:6px 0;font-size:var(--text-secondary-text-size);color:var(--ink2)}.card__note--muted{color:var(--ink3)}.card__note--danger,.state-card__body--danger{color:var(--dangerDot)}.hero-card{border-radius:var(--radius-hero-and-sheet);-webkit-backdrop-filter:blur(var(--blur-card-hero)) saturate(var(--saturate-card-hero));backdrop-filter:blur(var(--blur-card-hero)) saturate(var(--saturate-card-hero));box-shadow:var(--shadow-hero)}.hero-card__top{display:flex;align-items:center;justify-content:space-between}.hero-card__model{margin:0;font-size:var(--text-vehicle-model-size);font-weight:var(--text-vehicle-model-weight);letter-spacing:var(--text-vehicle-model-tracking)}.hero-card__hint{color:var(--ink3);font-size:var(--text-row-detail-size)}.hero-card__last-command{font-size:var(--text-row-detail-size);color:var(--ink3);margin-top:8px}.connection-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--stageChip);font-size:var(--text-header-vehicle-pill-size)}.render-panel{height:140px;border-radius:var(--radius-render-panel);background:var(--placeholder);margin:12px 0}.map-placeholder{height:120px;border-radius:var(--radius-map-panel);background:var(--mapBg);margin:10px 0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-grid-gap-command);margin-top:12px}.command-tile{min-height:var(--command-tile-home-quick-action-min-height);border-radius:var(--radius-tile);background:var(--tile);border:1px solid var(--edge);padding:8px;-webkit-backdrop-filter:blur(var(--blur-command-tile)) saturate(var(--saturate-command-tile));backdrop-filter:blur(var(--blur-command-tile)) saturate(var(--saturate-command-tile));display:flex;flex-direction:column;justify-content:center;gap:4px}.command-tile--disabled{opacity:.55}.command-tile__label{margin:0;font-size:var(--text-tile-label-size);letter-spacing:var(--text-tile-label-tracking);text-transform:uppercase;color:var(--ink3)}.command-tile__value{margin:0;font-size:var(--text-row-title-size);font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-grid-gap-stat-pairs);margin:10px 0}.stat-grid--4{grid-template-columns:repeat(4,1fr)}.stat-tile{border-radius:var(--radius-tile);background:var(--tile);border:1px solid var(--edge);padding:10px}.stat-tile__label{margin:0;font-size:var(--text-tile-label-size);color:var(--ink3);text-transform:uppercase;letter-spacing:var(--text-tile-label-tracking)}.stat-tile__value{margin:2px 0 0;font-size:var(--text-card-title-size);font-weight:700}.stat-tile__hint{margin:2px 0 0;font-size:var(--text-row-detail-size);color:var(--ink3)}.progress-bar{height:10px;border-radius:var(--radius-pill);background:var(--track);overflow:hidden;margin:8px 0}.progress-bar__fill{height:100%;background:var(--batteryFill)}.battery-readout{display:flex;align-items:baseline;gap:8px}.battery-readout__percent{margin:0;font-size:var(--text-battery-percent-size);font-weight:var(--text-battery-percent-weight);letter-spacing:var(--text-battery-percent-tracking)}.battery-readout__state{margin:0;color:var(--ink2)}.climate-readout__target{font-size:var(--text-climate-target-size);font-weight:var(--text-climate-target-weight);letter-spacing:var(--text-climate-target-tracking);margin:0 0 6px}.live-charging__kw{font-size:var(--text-live-charging-kw-size);font-weight:var(--text-live-charging-kw-weight);letter-spacing:var(--text-live-charging-kw-tracking);margin:0}.month-cost{font-size:var(--text-month-cost-size);font-weight:var(--text-month-cost-weight);letter-spacing:var(--text-month-cost-tracking);margin:0 0 8px}.battery-health__head{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.battery-health__percent{font-size:var(--text-battery-health-percent-size);font-weight:var(--text-battery-health-percent-weight);letter-spacing:var(--text-battery-health-percent-tracking);color:var(--accentText);margin:0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.dot--accent{background:var(--ok)}.dot--asleep{background:var(--asleepDot)}.dot--danger{background:var(--dangerDot)}.dot--warn{background:var(--warnDot)}.dot--muted{background:var(--mutedDot)}.dot--info-sev{background:var(--infoSevDot)}.dot--location-home{background:var(--ok)}.dot--location-supercharger{background:var(--info)}.dot--location-other{background:var(--mutedDot)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.list__row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-list-row);background:var(--tile)}.list__row--severity-warn{border-left:3px solid var(--warnDot)}.list__row--severity-high{border-left:3px solid var(--dangerDot)}.list__row--severity-info{border-left:3px solid var(--infoSevDot)}.list__row-link{display:flex;align-items:center;justify-content:space-between;flex:1;text-decoration:none;color:inherit;gap:10px}.list__row-text{flex:1}.list__row-title{margin:0;font-size:var(--text-row-title-size);font-weight:600}.list__row-detail{margin:2px 0 0;font-size:var(--text-row-detail-size);color:var(--ink3)}.list__row-value{font-size:var(--text-row-title-size);font-weight:600;white-space:nowrap}.segmented{display:flex;padding:3px;border-radius:var(--radius-pill);background:var(--track);gap:2px;margin-bottom:10px}.segmented__item{flex:1;border:none;background:transparent;padding:6px 10px;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--text-button-size)}.segmented__item--active{background:var(--tabActive);font-weight:700}.bar-chart{display:flex;align-items:flex-end;gap:7px;height:110px;margin-top:10px}.bar-chart__column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.bar-chart__value{font-size:var(--text-chart-label-size);font-weight:600;color:var(--ink3)}.bar-chart__bar{width:100%;border-radius:var(--radius-chart-bar);background:var(--track2);min-height:2px}.bar-chart__bar--best{background:var(--accent)}.bar-chart__label{font-size:var(--text-chart-label-size);color:var(--ink3)}.line-chart{margin:14px 0 0;border-radius:var(--radius-tile);border:1px solid var(--edge);background:var(--glass2);padding:14px 10px 8px}.line-chart__svg{width:100%;height:120px;display:block}.line-chart__area{fill:var(--accentGlow);stroke:none}.line-chart__line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.line-chart__labels{display:flex;justify-content:space-between;font-size:var(--text-chart-label-size);color:var(--ink3);padding-top:6px}.stacked-bar{display:flex;height:10px;border-radius:var(--radius-pill);overflow:hidden;background:var(--track);margin-bottom:8px}.stacked-bar__segment--home{background:var(--ok)}.stacked-bar__segment--supercharger{background:var(--info)}.stacked-bar__segment--other{background:var(--mutedDot)}.route-panel{height:100px;border-radius:var(--radius-map-panel);background:var(--placeholder);display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:var(--text-secondary-text-size);margin:10px 0}.habit-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.habit-list__item{border-radius:var(--radius-small);padding:10px;background:var(--tile);border-left:3px solid var(--ok)}.habit-list__item--warn{border-left-color:var(--warnDot)}.habit-list__label{margin:0;font-weight:700;font-size:var(--text-row-title-size)}.habit-list__note{margin:2px 0 0;font-size:var(--text-row-detail-size);color:var(--ink3)}.control-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.control-list li,.control-list>div{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--track);font-size:var(--text-row-title-size)}.control-list__disabled li,.control-list.control-list__disabled li,li.control-list__disabled{color:var(--ink3)}.control-list__warn{color:var(--warnDot)}.tire-note{font-size:var(--text-secondary-text-size);color:var(--ink3);margin-top:8px}.inventory-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:var(--text-secondary-text-size)}.inventory-table th,.inventory-table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--track)}.badge{padding:3px 8px;border-radius:var(--radius-pill);font-size:var(--text-tab-bar-label-size);font-weight:700}.badge--on{background:var(--accentTint);color:var(--accentText)}.badge--off{background:var(--track);color:var(--ink3)}.button{border:none;border-radius:var(--radius-pill);padding:10px 18px;font-size:var(--text-button-size);font-weight:var(--text-button-weight);cursor:pointer;min-height:var(--touch-target-min)}.button--primary{background:var(--accent);color:var(--accentInk);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button--secondary{background:var(--glass2);color:var(--ink);border:1px solid var(--edge)}.button--danger{background:var(--dangerBg);color:var(--dangerDot);border:1px solid var(--dangerEdge)}.button:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);-webkit-backdrop-filter:blur(var(--blur-scrim));backdrop-filter:blur(var(--blur-scrim));display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:480px;max-height:82vh;overflow-y:auto;background:var(--sheet);border-radius:var(--radius-hero-and-sheet) var(--radius-hero-and-sheet) 0 0;padding:var(--space-sheet-container);box-shadow:var(--shadow-sheet);-webkit-backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet));backdrop-filter:blur(var(--blur-tab-bar-and-sheet)) saturate(var(--saturate-tab-bar-and-sheet))}.sheet__eyebrow{margin:0;font-size:var(--text-greeting-size);color:var(--warnDot);text-transform:uppercase;letter-spacing:.06em}.sheet__title{margin:4px 0 10px;font-size:var(--text-sheet-title-size);font-weight:var(--text-sheet-title-weight)}.vehicle-picker{position:relative}.vehicle-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--edge);background:var(--stageChip);cursor:pointer;font-size:var(--text-header-vehicle-pill-size);font-weight:var(--text-header-vehicle-pill-weight)}.vehicle-picker__list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.vehicle-picker__row{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-list-row);background:var(--tile);border:none;cursor:pointer;text-align:left}.vehicle-picker__name{font-weight:600}.vehicle-picker__meta{flex:1;color:var(--ink3);font-size:var(--text-row-detail-size)}.vehicle-picker__battery{font-weight:700}.signin-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.signin-card{width:100%;max-width:360px;padding:28px 22px}.signin-subtitle{color:var(--ink2);margin:0 0 18px}.signin-form{display:flex;flex-direction:column;gap:12px}.signin-form label{display:flex;flex-direction:column;gap:4px;font-size:var(--text-row-detail-size);color:var(--ink2)}.signin-form input{padding:10px 12px;border-radius:var(--radius-form-field);border:1px solid var(--edge);background:var(--field)}.signin-demo-link{display:block;margin-top:14px;text-align:center}.back-link{display:inline-block;margin-bottom:8px;text-decoration:none;color:var(--ink2)}.shimmer-block{background:var(--shim);background-size:640px 100%;animation:lg-shim var(--motion-lg-shim-duration) infinite linear}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:lg-pulse var(--motion-lg-pulse-duration) infinite ease-in-out;margin-right:6px}.state-card{display:flex;flex-direction:column;gap:10px;animation:lg-rise var(--motion-lg-rise-duration) ease-out}.state-card--loading{gap:10px}.state-card__status{margin:0;color:var(--ink3);font-size:var(--text-secondary-text-size)}.state-card__title{margin:0;font-size:var(--text-empty-title-size);font-weight:var(--text-empty-title-weight)}.state-card__body{margin:4px 0 0;color:var(--ink2);font-size:var(--text-secondary-text-size)}.state-card__link{display:inline-block;margin-top:8px}.state-card__actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}@media (max-width: 480px){.quick-actions,.stat-grid--4{grid-template-columns:repeat(2,1fr)}}