@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-vietnamese-wght-normal-B59RsdDd.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-latin-ext-wght-normal-Cq1Gr55P.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/saira-latin-wght-normal-C4OLzBX3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2) format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2) format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2) format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-vietnamese-500-normal-zTViEIzf.woff2) format("woff2"),url(/assets/barlow-vietnamese-500-normal-GNfB7rCE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-ext-500-normal-DOaysfXq.woff2) format("woff2"),url(/assets/barlow-latin-ext-500-normal-CJPcKP2Q.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2) format("woff2"),url(/assets/barlow-latin-500-normal-C1h8hMer.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2) format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2) format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2) format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0b0d10;--surface-1: #13161b;--surface-2: #1a1e25;--border: #252a33;--text-primary: #f0efec;--text-secondary: #c3c2b7;--text-muted: #8a8a84;--accent: #3987e5;--accent-2: #d95926;--good: #2fae6a;--warning: #e0a100;--critical: #e66767;--grid: #232831;--radius: 16px;--gutter: 16px;--font: "Barlow", ui-sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--display: "Saira Variable", "Barlow", ui-sans-serif, system-ui, sans-serif;--state: var(--accent);--map-bg: #0e1013;--ease: cubic-bezier(.2, .8, .2, 1);--mono: ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){color-scheme:light;--bg: #f6f6f4;--surface-1: #ffffff;--surface-2: #f0f0ed;--border: #e3e2de;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7973;--accent: #2a78d6;--accent-2: #eb6834;--good: #1f8f52;--warning: #b07a00;--critical: #d03b3a;--grid: #ebeae6;--map-bg: #eceee9}}:root[data-theme=light]{color-scheme:light;--bg: #f6f6f4;--surface-1: #ffffff;--surface-2: #f0f0ed;--border: #e3e2de;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #7a7973;--accent: #2a78d6;--accent-2: #eb6834;--good: #1f8f52;--warning: #b07a00;--critical: #d03b3a;--grid: #ebeae6;--map-bg: #eceee9}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum"}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;font-family:var(--display)}h1{font-weight:650;letter-spacing:-.02em}h2{font-size:17px}.shell{min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.main{max-width:1120px;margin:0 auto;padding:0 var(--gutter);display:grid;gap:20px}.page-head{display:flex;align-items:baseline;justify-content:space-between;padding:20px 0 4px;gap:12px}.page-head h1{font-size:24px}.tabbar{position:fixed;inset:auto 0 0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--border)}.tabbar a{display:grid;justify-items:center;gap:2px;padding:6px 0;font-size:11px;color:var(--text-muted);border-radius:10px}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--text-primary)}.tabbar a.active svg{color:var(--accent)}@media(min-width:900px){.shell{padding-bottom:0}.tabbar{inset:16px auto auto 50%;transform:translate(-50%);grid-template-columns:repeat(5,auto);gap:4px;padding:4px;border:1px solid var(--border);border-radius:999px}.tabbar a{grid-auto-flow:column;gap:6px;padding:8px 14px;font-size:13px;border-radius:999px}.tabbar a svg{width:16px;height:16px}.tabbar a.active{background:var(--surface-2)}.main{padding-top:64px}}.hero{position:relative;margin:0 calc(-1 * var(--gutter));height:min(68dvh,560px);overflow:hidden}@media(min-width:900px){.hero{margin:0;border-radius:24px;border:1px solid var(--border)}}.hero .map{position:absolute;inset:0}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 55%,transparent) 0%,transparent 22%,transparent 45%,var(--bg) 100%)}.hero-top{position:absolute;z-index:2;inset:0 0 auto;padding:calc(14px + env(safe-area-inset-top)) var(--gutter) 0;display:flex;justify-content:space-between;align-items:center}.hero-name{font-size:15px;font-weight:600}.hero-name small{display:block;font-weight:400;color:var(--text-secondary);font-size:12px}.hero-bottom{position:absolute;z-index:2;inset:auto 0 0;padding:0 var(--gutter) 18px;display:grid;gap:14px}.hero-soc{display:flex;align-items:flex-end;gap:16px}.hero-soc .big{font-size:clamp(56px,14vw,88px);font-weight:650;line-height:.9;letter-spacing:-.04em}.hero-soc .big span{font-size:.4em;color:var(--text-secondary);font-weight:500;letter-spacing:0;margin-left:2px}.hero-soc .side{padding-bottom:6px;display:grid;gap:2px;color:var(--text-secondary);font-size:13px}.hero-soc .side b{color:var(--text-primary);font-size:20px;font-weight:600}.battery-bar{height:6px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 14%,transparent);overflow:hidden}.battery-bar>div{height:100%;border-radius:999px;background:var(--accent);transition:width .6s ease}.battery-bar>div.charging{background:linear-gradient(90deg,var(--good),color-mix(in srgb,var(--good) 60%,white));background-size:200% 100%;animation:flow 2s linear infinite}@keyframes flow{to{background-position:-200% 0}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:500;background:color-mix(in srgb,var(--surface-2) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.chip i{width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.chip.driving i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}.chip.charging i{background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 25%,transparent)}.chip.online i{background:var(--good)}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:8px}.card-head .sub{color:var(--text-muted);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.kpis{grid-template-columns:repeat(4,1fr)}}.kpi{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:12px 14px}.kpi .label{color:var(--text-muted);font-size:12px}.kpi .value{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-top:2px}.kpi .value small{font-size:13px;color:var(--text-secondary);font-weight:500;margin-left:3px}.kpi .hint{color:var(--text-secondary);font-size:12px;margin-top:2px}.grid-2{display:grid;gap:20px}@media(min-width:900px){.grid-2{grid-template-columns:1fr 1fr}}.list{display:grid}.row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}.row:first-child{border-top:0}.row .ico{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-secondary)}.row .ico svg{width:18px;height:18px}.row .ico.fast{color:var(--accent-2)}.row .t{font-weight:500}.row .s{color:var(--text-muted);font-size:12px}.row .r{text-align:right;font-weight:600}.row .r .s{font-weight:400}.row:hover .t{color:var(--accent)}.day-label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:14px 0 2px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:14px;overflow:hidden;border:1px solid var(--border)}.stats>div{background:var(--surface-1);padding:12px}.stats .label{color:var(--text-muted);font-size:11px}.stats .value{font-weight:600;font-size:17px}.map-card{height:320px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);position:relative}.chart{position:relative;width:100%;touch-action:pan-y}.chart svg{display:block;overflow:visible}.chart .axis text{fill:var(--text-muted);font-size:11px}.chart .gridline{stroke:var(--grid);stroke-width:1}.tooltip{position:absolute;pointer-events:none;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px 9px;font-size:12px;white-space:nowrap;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 20px #00000040;z-index:3}.tooltip b{display:block;font-size:13px}.tooltip span{color:var(--text-muted)}.meter{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.meter>div{height:100%;background:var(--accent);border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);border-color:transparent;color:#fff}.btn:disabled{opacity:.6;cursor:default}input.field{width:100%;height:48px;border-radius:12px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:0 14px;font:inherit;font-size:16px}input.field:focus{outline:2px solid var(--accent);outline-offset:1px}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--gutter)}.login form{width:min(360px,100%);display:grid;gap:12px}.login h1{font-size:28px;margin-bottom:6px}.err{color:var(--critical);font-size:13px}.muted{color:var(--text-muted)}.empty{color:var(--text-muted);text-align:center;padding:28px 12px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;text-align:right}.back{color:var(--text-secondary);font-size:14px;display:inline-flex;align-items:center;gap:4px}.car-marker{width:18px;height:18px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 35%,transparent);animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 18px transparent}}@media(prefers-reduced-motion:reduce){.car-marker,.battery-bar>div.charging{animation:none}}.maplibregl-ctrl-attrib{font-size:10px}.hero .maplibregl-ctrl-bottom-right{top:52px;bottom:auto}.map-card .map{position:absolute;inset:0}.back svg{width:16px;height:16px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.seg button{border:0;background:transparent;padding:7px 4px;border-radius:9px;font-size:13px;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.seg button.on{background:var(--surface-1);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0003}.form{display:grid;gap:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form label{display:grid;gap:4px;font-size:12px;color:var(--text-muted)}.form input{height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:0 12px;font:inherit;font-size:16px;min-width:0}.btn.sm{height:34px;padding:0 12px;font-size:13px;border-radius:10px}.btn.danger{color:var(--critical)}.actions{display:flex;gap:8px;flex-wrap:wrap}.tag{display:inline-block;font-size:11px;padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.small-multiples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.small-multiples h3{font-size:13px;color:var(--text-secondary);font-weight:500;margin-bottom:4px}.legend-ramp{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);margin-top:8px}.legend-ramp i{flex:1;height:8px;border-radius:999px}select.field-select{height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:0 10px;font:inherit;max-width:100%}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:899px){.tabbar{grid-template-columns:repeat(6,1fr)}.tabbar a{font-size:10px}}@media(min-width:900px){.tabbar{grid-template-columns:repeat(6,auto)}}html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}@media(max-width:899px){.main{padding-top:env(safe-area-inset-top)}.hero{margin-top:calc(-1*env(safe-area-inset-top));height:calc(min(68dvh,560px) + env(safe-area-inset-top))}}.login{padding-top:calc(var(--gutter) + env(safe-area-inset-top))}.install{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 12px 12px 14px;border-radius:18px;background:color-mix(in srgb,var(--surface-2) 92%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);box-shadow:0 12px 40px #00000059;animation:install-in .35s ease-out}.login~.install,.install.top{bottom:calc(16px + env(safe-area-inset-bottom))}.install img{border-radius:10px}.install-body{display:grid;gap:2px;font-size:13px;color:var(--text-secondary);line-height:1.35}.install-body>b{color:var(--text-primary);font-size:15px}.install-body span b{color:var(--text-primary);font-weight:600}.install-actions{display:flex;align-items:center;gap:6px}.install-close{border:0;background:transparent;color:var(--text-muted);font-size:16px;width:32px;height:32px;border-radius:8px;cursor:pointer}@keyframes install-in{0%{transform:translateY(16px);opacity:0}}@media(prefers-reduced-motion:reduce){.install{animation:none}}@media(min-width:900px){.install{left:auto;right:24px;width:380px;bottom:24px}}.steps{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0}.step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--border)}.step:first-child{border-top:0}.step-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.step.done .step-dot{background:color-mix(in srgb,var(--good) 18%,transparent);color:var(--good);border-color:transparent}.step.current .step-dot{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}.step.wait .step-dot{color:var(--warning)}.step-title{font-weight:600;display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:28px}.step.done .step-title{color:var(--text-secondary);font-weight:500}.step-body{font-size:13px;color:var(--text-secondary);margin-top:4px;display:grid;gap:8px;justify-items:start}.step-body p{margin:0}.mono-line{font-family:var(--mono);font-size:12px;color:var(--text-muted);word-break:break-all}.mono-line.copy{display:flex;gap:8px;align-items:center;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:8px 8px 8px 10px}.mono-line.copy code{flex:1;color:var(--text-primary)}.tag.ok{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,transparent)}.banner{display:grid;grid-template-columns:10px 1fr;gap:12px;align-items:center;padding:12px 14px}.banner .muted{font-size:13px}.banner-dot{width:10px;height:10px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 22%,transparent)}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--surface-1);border:1px solid var(--border)}.tile svg{width:20px;height:20px;color:var(--accent);margin-bottom:4px}.tile b{font-size:14px;font-weight:600}.tile span{font-size:12px;color:var(--text-muted)}.tile:hover b{color:var(--accent)}.mini-title{font-size:13px;color:var(--text-secondary);font-weight:500;margin:0 0 6px}.good-text{color:var(--good)}.bad-text{color:var(--critical)}.savings-strip{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-secondary);padding:12px 16px}.savings-strip b{font-size:20px}.btn svg{width:16px;height:16px}.explain{display:grid;gap:6px}.explain-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;font-size:13px}.explain-row span{color:var(--text-secondary)}.explain-row b{text-align:right;font-weight:600;white-space:nowrap}.explain-row i{position:relative;height:10px;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--border) calc(50% - .5px),var(--border) calc(50% + .5px),transparent calc(50% + .5px))}.explain-row em{position:absolute;top:0;bottom:0;border-radius:4px}.explain-row em.up{background:var(--accent-2)}.explain-row em.down{background:var(--accent)}.explain-row.base{border-top:1px solid var(--border);padding-top:6px}.explain-row.base:first-child{border-top:0;padding-top:0;border-bottom:1px solid var(--border);padding-bottom:6px}.explain-row.base span{color:var(--text-primary);font-weight:500}.explain-row.base i{background:none}.map-label{padding:4px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 4px 14px #0000004d}.map-label.home{background:var(--accent);color:#fff;border-color:transparent}.map-label.work{background:var(--good);color:#fff;border-color:transparent}.row.as-button{width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--border);cursor:pointer}.row.as-button:first-child{border-top:0}.ico.place-home{color:var(--accent)}.ico.place-work{color:var(--good)}.hbar{display:grid;grid-template-columns:minmax(80px,30%) 1fr 36px;gap:10px;align-items:center;font-size:13px;padding:4px 0}.hbar i{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.hbar em{display:block;height:100%;background:var(--accent);border-radius:999px}.hbar b{text-align:right}.heatmap{display:grid;gap:2px}.hm-row{display:grid;grid-template-columns:16px repeat(24,1fr);gap:2px;align-items:center}.hm-row span{font-size:11px;color:var(--text-muted)}.hm-row i{aspect-ratio:1;max-height:22px;border-radius:3px;min-height:8px}.hm-row.axis b{font-size:10px;color:var(--text-muted);font-weight:400}.hm-info{font-size:12px;margin-top:6px;min-height:16px}.week-nav{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:center}.week-nav .muted{font-size:13px}.delta{font-size:12px;color:var(--text-muted)}.delta.good{color:var(--good)}.delta.bad{color:var(--critical)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:right;color:var(--text-muted);font-weight:500;padding:6px 4px;border-bottom:1px solid var(--border)}.table td{text-align:right;padding:7px 4px;border-bottom:1px solid var(--border)}.table th:first-child,.table td:first-child{text-align:left}.form-row.four{grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.form-row.four{grid-template-columns:repeat(4,1fr)}}.suggest{border:1px solid var(--border);border-radius:12px;padding:0 12px}.verdict{display:grid;gap:4px;border-left:4px solid var(--good)}.verdict.bad{border-left-color:var(--warning)}.verdict b{font-size:18px}.verdict span{color:var(--text-secondary);font-size:14px}.map-action{position:absolute;right:12px;bottom:12px;z-index:2}.chart .unit{fill:var(--text-muted);font-size:11px}.row.hl .t{color:var(--accent-2)}.replay{position:fixed;inset:0;z-index:40;background:var(--bg)}.replay .replay-map{position:absolute;inset:0}.replay-top{position:absolute;z-index:2;inset:calc(12px + env(safe-area-inset-top)) 12px auto 12px;display:flex;justify-content:space-between;gap:8px}.glass{background:color-mix(in srgb,var(--surface-2) 82%,transparent)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--border)}.replay-panel{position:absolute;z-index:2;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:18px;padding:12px 14px;display:grid;gap:10px}@media(min-width:900px){.replay-panel{left:auto;width:440px}}.replay-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 12px}.replay-hud div{display:grid}.replay-hud b{font-size:18px;font-weight:600;letter-spacing:-.02em}.replay-hud span{font-size:11px;color:var(--text-muted)}.replay-controls{display:flex;gap:10px;align-items:center}.btn.round{width:44px;padding:0;border-radius:50%}.btn.round svg{width:18px;height:18px}.scrub{width:100%;accent-color:var(--accent)}.replay .legend-ramp{margin-top:0}.trip-card{overflow:hidden}.trip-cover{display:block;width:calc(100% + 32px);margin:-16px -16px 12px;height:140px;object-fit:cover}.link-btn{border:0;background:none;color:var(--text-muted);cursor:pointer;padding:0 0 0 6px}.expense-form{grid-template-columns:1fr 90px auto;margin-top:10px}.expense-form input,textarea.notes{height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:0 12px;font:inherit;font-size:16px;min-width:0}textarea.notes{height:auto;padding:10px 12px;resize:vertical;width:100%}.split{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;color:var(--text-secondary);flex-wrap:wrap}.split-total{color:var(--text-primary);margin-left:auto}.stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}.stepper button{width:34px;height:32px;border:0;background:var(--surface-2);cursor:pointer;font-size:16px}.stepper b{min-width:28px;text-align:center;color:var(--text-primary)}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}@media(min-width:640px){.photos{grid-template-columns:repeat(5,1fr)}}.photos button{padding:0;border:0;background:none;cursor:zoom-in}.photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.lightbox{position:fixed;inset:0;z-index:50;background:#000000e6;display:grid;place-items:center;gap:12px;padding:24px;align-content:center}.lightbox img{max-width:100%;max-height:80dvh;border-radius:10px}.switch-row{cursor:pointer;grid-template-columns:0 1fr auto}.switch{appearance:none;width:44px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);position:relative;cursor:pointer;transition:background .2s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.switch:checked{background:var(--accent);border-color:transparent}.switch:checked:after{transform:translate(18px);background:#fff}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero-actions{display:flex;gap:6px;align-items:center}.chip.icon{padding:5px 7px}.chip.icon svg{width:16px;height:16px}.wrapped{position:fixed;inset:0;z-index:60;overflow:hidden;color:#f0efec;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:radial-gradient(120% 80% at 80% 10%,#1b3456,#0b0d10 60%)}.w-bars{position:absolute;z-index:3;inset:calc(10px + env(safe-area-inset-top)) 12px auto 12px;display:flex;gap:4px}.w-bars i{flex:1;height:3px;border-radius:3px;background:#ffffff40;overflow:hidden}.w-bars em{display:block;height:100%;width:0;background:#fff}.w-bars em.done{width:100%}.w-bars em.run{animation:w-fill linear forwards}.w-bars em.paused{animation-play-state:paused}@keyframes w-fill{to{width:100%}}.w-close{position:absolute;z-index:3;top:calc(22px + env(safe-area-inset-top));right:10px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:16px;cursor:pointer}.w-story{position:absolute;inset:0;display:grid;align-content:center;gap:14px;padding:80px 28px 60px;max-width:560px;margin:0 auto;animation:w-in .6s cubic-bezier(.2,.8,.2,1)}@keyframes w-in{0%{opacity:0;transform:translateY(24px)}}.w-story>*{position:relative;z-index:1}.w-story h2{font-size:clamp(26px,7vw,38px);line-height:1.1;letter-spacing:-.02em}.w-story p{margin:0;font-size:17px;color:#c3c2b7;line-height:1.45}.w-story p b{color:#fff}.w-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#7db6f5;font-weight:600}.w-big{font-size:clamp(64px,20vw,120px);font-weight:700;letter-spacing:-.05em;line-height:.95}.w-big small{font-size:.3em;letter-spacing:0;margin-left:8px;color:#c3c2b7;font-weight:500}.w-art{position:absolute!important;z-index:0!important;inset:0;width:100%;height:100%;opacity:.55;pointer-events:none}.w-art .line{fill:none;stroke:#3987e5;stroke-width:.9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4000;stroke-dashoffset:4000;animation:w-draw 4s ease-out forwards}.w-art .glow{fill:none;stroke:#3987e5;stroke-width:5;opacity:.25;filter:blur(4px)}@keyframes w-draw{to{stroke-dashoffset:0}}.w-list{margin:0;padding:0;list-style:none;counter-reset:w;display:grid;gap:10px}.w-list li{counter-increment:w;display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;font-size:20px}.w-list li:before{content:counter(w);color:#7db6f5;font-weight:700}.w-list b{color:#c3c2b7;font-size:15px;font-weight:500}.w-months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;height:90px;align-items:end}.w-months i{display:grid;grid-template-rows:1fr auto;height:100%;align-items:end;gap:4px}.w-months em{display:block;background:#3987e5;border-radius:4px 4px 0 0;min-height:2px}.w-months span{font-size:10px;color:#8a8a84;text-align:center;font-style:normal}.w-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px}.w-grid div{display:grid}.w-grid b{font-size:30px;letter-spacing:-.03em}.w-grid span{font-size:13px;color:#8a8a84}@media(prefers-reduced-motion:reduce){.w-story,.w-art .line{animation:none;stroke-dashoffset:0}.w-bars em.run{animation:none;width:100%}}.w-note{font-size:13px!important;color:#8a8a84!important}.drive-ends{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:14px;overflow:hidden}.drive-end{background:var(--surface-1);padding:10px 12px;display:grid;gap:2px;min-width:0}.drive-end .label{color:var(--text-muted);font-size:11px}.drive-end .value{font-weight:600;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.link-btn.accent{color:var(--accent);font-size:13px;font-weight:500;padding:0}.name-form{display:flex;gap:6px}.name-form input{flex:1;min-width:0;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);padding:0 10px;font:inherit;font-size:16px}:root[data-state=driving]{--state: var(--accent)}:root[data-state=charging]{--state: var(--good)}:root[data-state=alert]{--state: var(--warning)}.tabbar a.active svg{color:var(--state)}.tabbar a{transition:color .2s}.tabbar a:active svg{transform:scale(.9)}.tabbar svg{transition:transform .15s var(--ease)}@media(max-width:899px){.tabbar{grid-template-columns:repeat(5,1fr)}.tabbar a{font-size:11px}}@media(min-width:900px){.tabbar{grid-template-columns:repeat(5,auto)}}.hero:before{content:"";position:absolute;inset:auto -20% -30%;height:70%;z-index:1;pointer-events:none;background:radial-gradient(60% 60% at 50% 100%,color-mix(in srgb,var(--state) 22%,transparent),transparent 70%);transition:background .6s}.hero-soc .big,.kpi .value,.stats .value,.feed-value,.w-big,.w-grid b,.replay-hud b,.savings-strip b,.verdict b,.status b,.card-head h2{font-family:var(--display);font-variant-numeric:tabular-nums}.hero-soc .big{font-weight:600}.kpi .value{font-weight:600;font-size:24px}.hero-greet{font-size:13px;color:var(--text-secondary);letter-spacing:.02em}.battery-bar{position:relative;overflow:visible}.battery-bar>div{overflow:hidden}.battery-bar .limit{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:2px;background:color-mix(in srgb,var(--text-primary) 55%,transparent)}.card-head .sub.link{color:var(--accent)}.page-head+h1{margin-top:-8px;font-size:28px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.btn{min-height:44px;transition:transform .12s var(--ease),background .2s}.btn.sm{min-height:36px}.btn:active:not(:disabled){transform:scale(.97)}.btn.grow{width:100%}a.card,a.row,.row.as-button,.feed-card,.tile{transition:transform .15s var(--ease),background .2s}a.card:active,a.row:active,.feed-card:active,.tile:active{transform:scale(.985)}.tabbar{view-transition-name:tabbar}::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:var(--ease)}:root[data-nav=forward]::view-transition-old(root){animation-name:vt-out-left}:root[data-nav=forward]::view-transition-new(root){animation-name:vt-in-right}:root[data-nav=back]::view-transition-old(root){animation-name:vt-out-right}:root[data-nav=back]::view-transition-new(root){animation-name:vt-in-left}@keyframes vt-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes vt-out-left{to{opacity:0;transform:translate(-18px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-28px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(18px)}}::view-transition-group(hero){animation-duration:.4s}.map{background:var(--map-bg)}.map.fade .maplibregl-canvas{opacity:0;transition:opacity .5s ease}.map.fade.ready .maplibregl-canvas{opacity:1}.cursor-marker{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--accent-2);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent-2) 30%,transparent);pointer-events:none}.skel{display:block;background:linear-gradient(90deg,var(--surface-2) 0%,color-mix(in srgb,var(--surface-2) 55%,var(--border)) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.skel-card{display:grid;gap:4px}.skel-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:10px 0}.skel-row>div{display:grid;gap:6px}.skel-hero{background:radial-gradient(80% 60% at 70% 30%,var(--surface-2),var(--bg))}.skel-hero:after{display:none}@media(prefers-reduced-motion:reduce){.skel{animation:none}}.spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.replay-loading{display:grid;place-items:center}body.no-scroll{overflow:hidden}.sheet-wrap{position:fixed;inset:0;z-index:70;display:grid;align-items:end}.sheet-backdrop{position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade-in .25s ease}.sheet{position:relative;max-height:88dvh;overflow:auto;background:var(--surface-1);border-top:1px solid var(--border);border-radius:22px 22px 0 0;padding:0 var(--gutter) calc(20px + env(safe-area-inset-bottom));animation:sheet-up .32s var(--ease);box-shadow:0 -20px 60px #00000059;transition:transform .2s var(--ease)}.sheet-grab{display:grid;place-items:center;height:26px;cursor:grab;touch-action:none}.sheet-grab i{width:40px;height:5px;border-radius:3px;background:var(--border)}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet-head h2{font-size:20px}.sheet-x{width:32px;height:32px;border-radius:50%;border:0;background:var(--surface-2);color:var(--text-secondary);cursor:pointer}.sheet .form label{font-size:13px}.sheet-wrap.closing .sheet{animation:sheet-down .22s ease forwards}.sheet-wrap.closing .sheet-backdrop{animation:fade-out .22s ease forwards}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@media(min-width:700px){.sheet-wrap{place-items:center}.sheet{width:min(520px,92vw);border-radius:22px;border:1px solid var(--border);padding-bottom:20px;animation:pop-in .25s var(--ease)}.sheet-wrap.closing .sheet{animation:fade-out .18s ease forwards}.sheet-grab{visibility:hidden;height:14px}}@keyframes pop-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}}.ptr{position:fixed;z-index:25;top:calc(6px + env(safe-area-inset-top));left:50%;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);box-shadow:0 6px 20px #0000004d}.ptr svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round}.ptr.busy svg{animation:spin .8s linear infinite}.feed{display:grid;gap:10px}@media(min-width:900px){.feed{grid-template-columns:repeat(2,1fr)}}.feed-card{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:var(--surface-1);border:1px solid var(--border);overflow:hidden;animation:feed-in .45s var(--ease) both}.feed-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--tone, var(--accent))}.feed-card.live{--tone: var(--good);background:linear-gradient(120deg,color-mix(in srgb,var(--good) 14%,var(--surface-1)),var(--surface-1) 60%)}.feed-card.good{--tone: var(--good)}.feed-card.warn{--tone: var(--warning);background:linear-gradient(120deg,color-mix(in srgb,var(--warning) 10%,var(--surface-1)),var(--surface-1) 60%)}.feed-card.info{--tone: var(--text-muted)}.feed-card.brand{--tone: var(--accent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--surface-1)),var(--surface-1) 60%)}.feed-body{display:grid;gap:2px;min-width:0}.feed-body b{font-weight:600;font-size:15px}.feed-body span{color:var(--text-secondary);font-size:13px}.feed-value{font-size:26px;font-weight:600;letter-spacing:-.02em}.feed-value small{font-size:13px;color:var(--text-secondary);margin-left:2px}.feed-card>svg{width:18px;height:18px;color:var(--text-muted)}@keyframes feed-in{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.feed-card{animation:none}}.savings-strip{align-items:center}.savings-strip svg{width:16px;height:16px;margin-left:auto;color:var(--text-muted)}.kpi .delta{font-size:12px;font-weight:600;margin-top:2px}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media(min-width:640px){.status-grid{grid-template-columns:repeat(3,1fr)}}.status{display:grid;gap:2px;padding:10px 12px;border-radius:12px;background:var(--surface-2);min-width:0}.status span{font-size:11px;color:var(--text-muted)}.status b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status.ok b{color:var(--good)}.status.warn b{color:var(--warning)}.tire-car{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;padding:2px 10px;position:relative}.tire-car:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:14px;transform:translate(-50%);border-radius:6px;border:1.5px solid var(--border)}.tire-car i{font-style:normal;font-family:var(--display);font-weight:600;font-size:14px}.tire-car i:nth-child(2n){text-align:right}.tire-car i.low{color:var(--warning)}.ico.thumb{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.route-thumb path{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.route-thumb .a{fill:var(--text-primary)}.route-thumb .b{fill:var(--accent);stroke:var(--surface-2);stroke-width:1.5}.r-top{display:flex;align-items:center;gap:8px;justify-content:flex-end}.spark .line{fill:none;stroke-width:1.5;stroke-linejoin:round}.spark .fill{stroke:none;opacity:.15}.spark.accent .line{stroke:var(--accent)}.spark.accent .fill{fill:var(--accent)}.spark.fast .line{stroke:var(--accent-2)}.spark.fast .fill{fill:var(--accent-2)}.spark.good .line{stroke:var(--good)}.spark.good .fill{fill:var(--good)}.search-box{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;background:var(--surface-1);border:1px solid var(--border)}.search-box svg{width:18px;height:18px;color:var(--text-muted);flex:none}.search-box input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text-primary);font:inherit;font-size:16px;outline:none}.search-box:focus-within{outline:2px solid var(--accent);outline-offset:1px}.group{display:grid;gap:8px}.group-title{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600;padding-left:4px;font-family:var(--font)}.card.menu{padding:0 16px}.row .chev svg{width:16px;height:16px;color:var(--text-muted)}.fineprint{font-size:12px;text-align:center}.cta-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.cta-card>div{display:grid;gap:2px}.cta-card span{color:var(--text-secondary);font-size:13px}.cal{display:grid;gap:4px;overflow-x:auto;padding-bottom:2px}.cal-months,.cal-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(6px,1fr);gap:2px}.cal-months span{font-size:10px;color:var(--text-muted);white-space:nowrap}.cal-week{display:grid;grid-template-rows:repeat(7,auto);gap:2px}.cal-week i,.cal-legend i{aspect-ratio:1;border-radius:2px;background:var(--surface-2);display:block}.cal-week i.sel{outline:1.5px solid var(--text-primary)}.l1{background:color-mix(in srgb,var(--accent) 30%,var(--surface-2))!important}.l2{background:color-mix(in srgb,var(--accent) 55%,var(--surface-2))!important}.l3{background:color-mix(in srgb,var(--accent) 78%,var(--surface-2))!important}.l4{background:var(--accent)!important}.lx{visibility:hidden}.cal-foot{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;flex-wrap:wrap}.cal-legend{display:inline-flex;align-items:center;gap:3px;color:var(--text-muted)}.cal-legend i{width:10px}.seg.mini{grid-auto-columns:32px}.seg.mini button{padding:3px 0;font-size:15px}.main>*,.grid-2>*,.card{min-width:0}.cal-months,.cal-grid{grid-auto-columns:minmax(4px,1fr)}