.hero{display:flex;flex-direction:column;align-items:center;padding:26px 18px 22px}.hero-range{margin-top:18px;display:flex;align-items:baseline;gap:8px}.hero-range .big{font-size:30px;font-weight:700}.hero-range .unit{color:var(--muted);font-size:15px;font-weight:600}.hero-badges{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:15px}.tile-icon{color:var(--text-secondary);margin-bottom:10px}.tile-value{font-size:22px;font-weight:700}.tile-unit{font-size:13px;color:var(--muted);font-weight:600}.tile-label{color:var(--muted);font-size:12px;font-weight:600;margin-top:2px}.srow{display:flex;align-items:center;justify-content:space-between;padding:11px 0}.srow+.srow{border-top:1px solid var(--border-soft)}.srow-left{display:flex;align-items:center;gap:11px;color:var(--text-secondary)}.srow-left svg{color:var(--muted)}.srow-label{font-size:14px;font-weight:500;color:var(--text)}.minimap{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--map-bg);margin-bottom:14px;border:1px solid var(--border-soft)}.minimap-host{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--map-bg)}.minimap .osm-dark{filter:var(--map-tile-filter)}.minimap .leaflet-container{background:var(--map-bg);font-family:var(--font)}.minimap .leaflet-control-zoom a{background:var(--map-ctl-bg);color:var(--text);border:1px solid var(--border-strong);width:28px;height:28px;line-height:26px;font-size:16px}.minimap .leaflet-control-zoom a:hover{background:var(--surface-3)}.minimap .leaflet-control-attribution{background:var(--map-attr-bg);color:var(--map-attr-fg);font-size:9px;padding:1px 5px}.minimap .leaflet-control-attribution a{color:var(--map-attr-link)}.minimap-recenter{position:absolute;right:8px;top:8px;z-index:500;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--border-strong);background:var(--map-ctl-bg);color:var(--accent-bright)}.minimap-recenter:active{transform:scale(.92)}.loc-coords{font-size:14px;color:var(--text-secondary)}.loc-ext{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-bright)}.loc-ext:active{transform:scale(.92)}.minimap{margin-bottom:0}.loc-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-top:12px}.center-note{text-align:center;color:var(--muted);padding:40px 0}.vitals{display:grid;grid-template-columns:1fr 1fr 1fr}.vital{text-align:center;padding:2px 0;position:relative}.vital+.vital:before{content:"";position:absolute;left:0;top:14%;bottom:14%;width:1px;background:var(--border-soft)}.vital-value{font-size:21px;font-weight:700;letter-spacing:-.01em}.vital-value small{font-size:12px;color:var(--muted);font-weight:600}.vital-label{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:3px}.vital-on{color:var(--success)}.vital-off{color:var(--muted)}.tyre-diagram{display:grid;grid-template-columns:1fr 84px 1fr;grid-template-rows:1fr 1fr;align-items:center;gap:18px 8px;padding:12px 8px 6px}.tyre-car{grid-column:2;grid-row:1 / span 2;display:flex;justify-content:center}.tyre-read{display:flex;flex-direction:column;align-items:center}.tyre-read.fl{grid-column:1;grid-row:1}.tyre-read.fr{grid-column:3;grid-row:1}.tyre-read.rl{grid-column:1;grid-row:2}.tyre-read.rr{grid-column:3;grid-row:2}.tyre-read .p{font-size:27px;font-weight:700;line-height:1}.tyre-read .u{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}.tyre-read.warn .p{color:var(--warning)}.tyre-read.alert .p{color:var(--danger)}.tyre-read.muted .p{color:var(--muted)}.tyre-reason{margin-top:3px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tyre-read.warn .tyre-reason{color:var(--warning)}.tyre-read.alert .tyre-reason{color:var(--danger)}.tyre-read.muted .tyre-reason{color:var(--muted)}.door-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:16px}.door-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.door-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.door-name{color:var(--text-secondary);flex:1}.door-state{font-weight:600;font-size:12px}.charge-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.charge-stat .v{font-size:20px;font-weight:700}.charge-stat .v small{font-size:12px;color:var(--muted);font-weight:600}.charge-stat .l{color:var(--muted);font-size:12px;font-weight:600;margin-top:2px}.seat-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.seat-row+.seat-row{border-top:1px solid var(--border-soft)}.seat-name{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.car-hero-card{padding:18px 16px 16px}.veh-range{display:flex;align-items:baseline;gap:8px}.veh-range-num{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1}.veh-range-unit{font-size:18px;color:var(--muted);font-weight:600}.veh-range-label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.odo-split{display:flex;gap:10px;margin-top:12px}.odo-leg{flex:1;display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--border-soft)}.odo-leg-k{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.odo-leg-v{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.odo-leg-v small{font-size:11px;font-weight:500;color:var(--muted)}.car-photo{display:block;width:100%;max-width:380px;margin:6px auto 4px;height:auto;filter:var(--shadow-photo)}.car-photo-preview{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;filter:var(--shadow-photo-sm)}.car-svg{display:block}.prnd{display:flex;align-items:center;justify-content:center;gap:6px;max-width:300px;margin:8px auto 0;padding:6px;border:1px solid var(--border-strong);border-radius:999px}.prnd-item{flex:1;text-align:center;padding:8px 0;font-size:15px;font-weight:700;color:var(--muted);border-radius:999px;transition:color .15s ease,background .15s ease}.prnd-item.on{color:var(--app-bg);background:var(--accent-bright)}.charging-wrap{margin-top:0}.charging-line{text-align:center;margin-top:14px;font-size:14px;font-weight:600;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px}.charging-wrap .charging-line{margin-top:12px}.charging-line.on{color:var(--success)}.charging-sub{text-align:center;margin-top:3px;font-size:12px;font-weight:600;color:var(--muted)}.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.quick-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 6px;background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--text);transition:transform .08s ease,border-color .15s ease;position:relative;overflow:hidden}.quick-btn:active{transform:scale(.95)}.quick-btn:disabled{opacity:.45;pointer-events:none}.quick-icon{color:var(--accent-bright);display:flex}.quick-label{font-size:12px;font-weight:600}.quick-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:var(--accent);opacity:.28;pointer-events:none}.quick-hint{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:-4px}.quick-icon,.quick-label,.quick-hint{position:relative}.gauges{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:6px 0 2px}.gauges.single{justify-content:center}.gauge{position:relative;width:132px;height:132px}.gauge-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.gauge-val-row{display:flex;align-items:center;gap:4px}.gauge-ico{display:flex;margin-top:2px}.gauge-ico .ico-fuel{margin-right:-3px}.gauge-val{font-size:31px;font-weight:700;line-height:1}.gauge-val small{font-size:15px;color:var(--muted);font-weight:600}.gauge-sub{font-size:13px;font-weight:600;line-height:1;color:var(--muted)}.gauge-sub .mono{color:var(--text);font-weight:700}.gauges-range{text-align:center;margin-top:12px;color:var(--muted);font-size:14px;font-weight:600}.gauges-range .mono{color:var(--text);font-size:18px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 14px calc(var(--safe-bottom) + 10px);pointer-events:none}.tabbar-inner{pointer-events:auto;max-width:460px;margin:0 auto;height:var(--tabbar-h);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;background:var(--tabbar-bg);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}.tab{border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.01em;transition:color .15s ease,transform .08s ease}.tab:active{transform:scale(.92)}.tab.active{color:var(--accent-bright)}.tab.active svg{filter:drop-shadow(0 0 10px var(--tab-glow))}.toaster{position:fixed;left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 20px);z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 16px;pointer-events:none}.toast{pointer-events:auto;max-width:460px;width:100%;padding:13px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-float);animation:toast-in .22s ease}.toast.ok{color:var(--success);border-color:#56d68c66}.toast.err{color:var(--danger);border-color:#ff7c8466}.toast.info{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}:root{--d-surface-1: rgba(12, 23, 36, .96);--d-surface-2: rgba(16, 31, 48, .92);--d-border-soft: rgba(168, 198, 220, .11);--d-border-strong: rgba(168, 198, 220, .22);--d-text: #f5f9fc;--d-text-secondary: #b2c1ce;--d-muted: #8497a8;--app-bg: #071019;--app-bg-deep: #040a11;--app-wash: rgba(45, 212, 191, .06);--surface-1: var(--d-surface-1);--surface-2: var(--d-surface-2);--surface-3: rgba(23, 42, 62, .82);--tip-bg: #17293c;--surface-soft: rgba(255, 255, 255, .045);--accent: #2dd4bf;--accent-bright: #35dfc1;--accent-strong: #14b8a6;--accent-soft: rgba(45, 212, 191, .13);--accent-border: rgba(45, 212, 191, .32);--text: var(--d-text);--text-secondary: var(--d-text-secondary);--muted: var(--d-muted);--danger: #ff7c84;--success: #56d68c;--success-soft: rgba(86, 214, 140, .14);--warning: #f3b45e;--info: #75a7ff;--m-teal: #35dfc1;--m-blue: #75a7ff;--m-orange: #f6a23c;--border-soft: var(--d-border-soft);--border-strong: var(--d-border-strong);--track: #16283a;--track-deep: #1b2b3d;--tabbar-bg: rgba(9, 17, 27, .82);--tab-glow: rgba(53, 223, 193, .4);--map-ctl-bg: rgba(12, 23, 36, .9);--heat: #ff8a5c;--map-bg: #10161d;--map-attr-bg: rgba(0, 0, 0, .4);--map-attr-fg: rgba(255, 255, 255, .5);--map-attr-link: rgba(255, 255, 255, .7);--map-tile-filter: invert(1) hue-rotate(180deg) brightness(.9) contrast(.9) saturate(.45);--seat-fill: #243141;--seat-fill-deep: #1b2733;--seat-head: #2a3948;--wheel-normal: #9fb2c4;--wheel-muted: #5a6673;--chg-fill-far: #2f9a3c;--chg-fill-near: #5cc95c;--chg-comet-head: var(--chg-fill-near);--chg-comet-mid: var(--chg-fill-near);--chg-comet-tail: var(--chg-fill-far);--chg-wheel-glow: rgba(148, 200, 236, .22);--chg-wheel-rim: rgba(206, 232, 252, .42);--chg-num-fill: #fff;--chg-unit-fill: #fff;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--shadow-card: 0 18px 54px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .045);--shadow-float: 0 28px 90px rgba(0, 0, 0, .52), inset 0 1px 0 rgba(255, 255, 255, .055);--shadow-photo: drop-shadow(0 16px 22px rgba(0, 0, 0, .45));--shadow-photo-sm: drop-shadow(0 10px 16px rgba(0, 0, 0, .4));--tabbar-h: 68px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}:root[data-theme=light]{--app-bg: #eef2f7;--app-bg-deep: #e3e9f1;--app-wash: rgba(13, 148, 136, .05);--surface-1: rgba(255, 255, 255, .97);--surface-2: rgba(255, 255, 255, .86);--surface-3: rgba(232, 238, 245, .9);--tip-bg: #ffffff;--surface-soft: rgba(16, 42, 66, .05);--accent: #0d8375;--accent-bright: #0c8375;--accent-strong: #0b7a6e;--accent-soft: rgba(15, 156, 139, .12);--accent-border: rgba(15, 156, 139, .34);--text: #0e1d29;--text-secondary: #3d4f5d;--muted: #64798a;--danger: #d33b47;--success: #1e844f;--success-soft: rgba(30, 132, 79, .12);--warning: #a2680d;--info: #2f63cc;--m-teal: #0f9c8b;--m-blue: #2f63cc;--m-orange: #c06a0c;--border-soft: rgba(16, 42, 66, .12);--border-strong: rgba(16, 42, 66, .2);--track: #d7e0ea;--track-deep: #cbd7e4;--tabbar-bg: rgba(255, 255, 255, .84);--tab-glow: rgba(15, 156, 139, .3);--map-ctl-bg: rgba(255, 255, 255, .92);--heat: #d1521f;--map-bg: #e8edf3;--map-attr-bg: rgba(255, 255, 255, .72);--map-attr-fg: rgba(16, 42, 66, .62);--map-attr-link: rgba(16, 42, 66, .82);--map-tile-filter: none;--seat-fill: #ccd8e4;--seat-fill-deep: #bccadb;--seat-head: #b3c3d4;--wheel-normal: #5f7386;--wheel-muted: #a9b7c4;--chg-fill-far: #43b84c;--chg-fill-near: #76dd70;--chg-comet-head: var(--chg-fill-far);--chg-comet-mid: var(--chg-fill-far);--chg-comet-tail: var(--chg-fill-near);--chg-num-fill: #ffffff;--chg-unit-fill: #111418;--shadow-card: 0 10px 28px rgba(16, 42, 66, .09), inset 0 1px 0 rgba(255, 255, 255, .7);--shadow-float: 0 20px 54px rgba(16, 42, 66, .16), inset 0 1px 0 rgba(255, 255, 255, .8);--shadow-photo: drop-shadow(0 14px 20px rgba(16, 42, 66, .22));--shadow-photo-sm: drop-shadow(0 9px 14px rgba(16, 42, 66, .2))}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(1200px 600px at 50% -10%,var(--app-wash),transparent 60%),linear-gradient(180deg,var(--app-bg) 0%,var(--app-bg-deep) 100%);background-attachment:fixed;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#app{min-height:100dvh}button,a,select,label,.tab,.tile{touch-action:manipulation}img{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button{font-family:inherit;color:inherit;cursor:pointer}a{color:var(--accent-bright);text-decoration:none}h1,h2,h3,p{margin:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;padding:calc(var(--safe-top) + 14px) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 20px);max-width:560px;width:100%;margin:0 auto}.screen-stack{display:grid;--tab-anim: .26s}.screen-stack.animating{overflow-x:hidden;overflow-x:clip}.screen-stack>*{grid-area:1 / 1;min-width:0}.screen-in-fwd{animation:screen-in-fwd var(--tab-anim, .26s) cubic-bezier(.22,.61,.36,1)}.screen-in-back{animation:screen-in-back var(--tab-anim, .26s) cubic-bezier(.22,.61,.36,1)}.screen-out-fwd{animation:screen-out-fwd var(--tab-anim, .26s) cubic-bezier(.22,.61,.36,1) forwards}.screen-out-back{animation:screen-out-back var(--tab-anim, .26s) cubic-bezier(.22,.61,.36,1) forwards}.screen-out-fwd,.screen-out-back{pointer-events:none}@keyframes screen-in-fwd{0%{opacity:.4;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes screen-in-back{0%{opacity:.4;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes screen-out-fwd{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30%)}}@keyframes screen-out-back{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30%)}}.screen-head{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 16px}.screen-title{font-size:26px;font-weight:700;letter-spacing:-.02em}.screen-sub{color:var(--muted);font-size:13px;margin-top:2px}.head-actions{display:flex;align-items:center;gap:12px}.head-btn,.od-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border-strong);transition:transform .08s ease,border-color .15s ease}.head-btn:active,.od-btn:active{transform:scale(.92)}.head-btn{color:var(--text-secondary)}.od-btn img{display:block;border-radius:7px}.card{background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.card+.card{margin-top:14px}.card-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:1fr 1fr}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:10px}.stack{display:flex;flex-direction:column}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.dot.ok{background:var(--success);box-shadow:0 0 0 4px #56d68c29}.dot.bad{background:var(--danger);box-shadow:0 0 0 4px #ff7c8429}.dot.wait{background:var(--warning);box-shadow:0 0 0 4px #f3b45e29}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-soft);color:var(--text-secondary);border:1px solid var(--border-soft)}.pill.good{color:var(--success);background:#56d68c1f;border-color:#56d68c40}.pill.warn{color:var(--warning);background:#f3b45e1f;border-color:#f3b45e40}.pill.bad{color:var(--danger);background:#ff7c841f;border-color:#ff7c8440}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);border-radius:var(--radius-md);padding:13px 16px;font-size:15px;font-weight:600;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn.accent{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-bright)}.btn.block{width:100%}.btn.ghost{background:transparent}.btn.danger{color:var(--danger);border-color:#ff7c844d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1000px){.app-main{max-width:1150px}.screen{column-count:2;column-gap:18px}.screen>*{break-inside:avoid;margin-top:0!important;margin-bottom:18px}.screen>.screen-head{column-span:all;margin-bottom:18px}.tabbar-inner{max-width:560px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.wc-edit-link{margin-top:12px;width:100%;padding:9px;font-size:13px;color:var(--text-secondary)}.wc-input{width:100%;padding:9px 11px;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:10px;outline:none}.wc-input.mono{font-size:12px}.wc-input:focus{border-color:var(--accent-border)}.seg{display:inline-flex;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:999px;padding:3px}.seg button{border:none;background:none;color:var(--muted);font-weight:600;font-size:13px;padding:8px 16px;border-radius:999px;transition:color .15s ease,background .15s ease}.seg button.on{color:var(--app-bg);background:var(--accent)}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),var(--track) var(--fill, 50%));outline:none}.slider:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#eafffb;border:4px solid var(--accent-strong);box-shadow:0 2px 8px #0006}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#eafffb;border:4px solid var(--accent-strong)}