@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.hmi-workspace>.right-column.vehicle-column{--vehicle-line:#7b89971f;--vehicle-muted:#566371;position:relative;isolation:isolate;display:grid;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);gap:inherit;min-width:0;min-height:0}.vehicle-secondary{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}.hmi-workspace>.vehicle-column:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 18%,rgba(var(--accent-rgb),var(--hmi-light-opacity)),transparent 58%),radial-gradient(ellipse at 96% 84%,rgba(var(--accent-rgb),var(--hmi-light-opacity)),transparent 62%);filter:blur(18px);clip-path:inset(0 round 22px)}.vehicle-card{padding:16px;border-radius:22px;background:var(--hmi-card-surface);-webkit-backdrop-filter:var(--hmi-card-backdrop);backdrop-filter:var(--hmi-card-backdrop);box-shadow:var(--hmi-card-shine);min-width:0}.vehicle-energy-card{--vehicle-muted:#536b5e;--vehicle-line:#79a78a24;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 65% 115%,#38c99026,transparent 65%),var(--hmi-card-surface)}.vehicle-tire-card,.vehicle-mode-card{flex-shrink:0}.range-content{--charge-base:#14775c;--charge-color:#38c990;--charge-core:#d8fff0;--charge-rgb:56,201,144;display:flex;flex-direction:column;flex:1;min-height:0}.range-overview{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-shrink:0}.range-readout{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.range-readout>strong{font-size:36px;line-height:1.1;font-weight:500;letter-spacing:-.04em}.range-readout>span{font-size:14px;color:var(--vehicle-muted)}.range-description{font-size:10px;line-height:1.3;color:var(--vehicle-muted);margin:0;white-space:nowrap}.range-charge{display:flex;align-items:center;gap:10px;margin-top:6px;flex-shrink:0}.range-charge-track{height:6px;flex:1;background:var(--vehicle-line);border-radius:4px}.range-charge-track>span{position:relative;display:block;width:86%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--charge-base),var(--charge-color) 70%,var(--charge-core));box-shadow:0 0 4px rgba(var(--charge-rgb),.3),0 3px 10px rgba(var(--charge-rgb),.18),inset 0 1px #ffffff80}.range-charge-track>span:after{content:"";position:absolute;right:-3px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--charge-core);box-shadow:0 0 7px rgba(var(--charge-rgb),.65);pointer-events:none;transform:translateY(-50%);opacity:.55;animation:energy-tip-breathe var(--breath,5s) ease-in-out infinite;animation-play-state:paused}.breathing .range-charge[data-animate=true] .range-charge-track>span:after{animation-play-state:running}@keyframes energy-tip-breathe{0%,to{opacity:.3;transform:translateY(-50%) scale(.85)}50%{opacity:.9;transform:translateY(-50%) scale(1.3)}}.range-charge>strong{font-size:12px;line-height:1.2;font-weight:500;color:var(--vehicle-muted)}.range-charge>strong>span{font-size:10px;margin-left:2px}.range-details{margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;flex-shrink:0;font-variant-numeric:tabular-nums}.range-details dt{font-size:10px;line-height:1.3;color:var(--vehicle-muted)}.range-details dd{font-size:17px;line-height:1.2;margin:2px 0 0;white-space:nowrap}.range-details small{font-size:9px;line-height:1.3;color:var(--vehicle-muted)}.consumption-chart{margin:12px 0 0;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0}.consumption-chart>figcaption{display:flex;flex-direction:column;gap:4px;color:var(--vehicle-muted);flex-shrink:0}.consumption-chart>figcaption small{font-size:10px;white-space:nowrap}.consumption-caption{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px;line-height:1.3}.consumption-current{display:flex;align-items:baseline;gap:8px}.consumption-current>strong{min-width:3.5ch;font-size:40px;font-weight:500;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--charge-base)}.consumption-current>small{color:var(--vehicle-muted)}.consumption-plot{display:flex;gap:8px;flex:1;min-height:72px;max-height:160px;margin-top:4px}.consumption-y-axis{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:18px;font-size:10px;line-height:10px;color:var(--vehicle-muted);text-align:right;font-variant-numeric:tabular-nums}.consumption-plot>svg{display:block;flex:1;min-width:0;min-height:0;height:100%;overflow:hidden}.consumption-grid{stroke:var(--vehicle-line);stroke-width:1;opacity:.55}.consumption-line{fill:none;stroke:var(--charge-base);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.consumption-x-axis{display:flex;justify-content:space-between;margin:4px 0 0 26px;font-size:10px;line-height:1.3;color:var(--vehicle-muted);flex-shrink:0}.tire-content{min-width:0}.tire-status{display:flex;align-items:center;gap:4px;font-size:10px;line-height:1.3;color:#26755f;margin-bottom:6px}.tire-status>span{margin-left:auto;color:var(--vehicle-muted)}.tire-layout{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));column-gap:8px;height:112px}.tire-vehicle{grid-area:1/2/3/3;justify-self:center;width:54px;height:100%;stroke-width:1.15;color:#8a96a5}.tire-vehicle path,.tire-vehicle rect{vector-effect:non-scaling-stroke}.tire-value{display:flex;flex-direction:column;justify-content:center;gap:2px}.tire-value[data-wheel$=left]{align-items:flex-end;padding-right:8px}.tire-value[data-wheel$=right]{align-items:flex-start;padding-left:8px}.tire-value[data-wheel=front-left]{grid-area:1/1}.tire-value[data-wheel=front-right]{grid-area:1/3}.tire-value[data-wheel=rear-left]{grid-area:2/1}.tire-value[data-wheel=rear-right]{grid-area:2/3}.tire-value>small{font-size:10px;line-height:1.2;color:var(--vehicle-muted)}.tire-value>strong{font-size:20px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums}.drive-mode-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-radius:12px;background:transparent}.drive-mode-controls>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;border-radius:0;padding:4px 2px;font-size:12px;color:var(--vehicle-muted)}.drive-mode-controls>button[aria-pressed=false]{--control-glow:#52647424}.drive-mode-controls>button>svg{color:currentColor}.drive-mode-controls>button[aria-pressed=true]{color:var(--accent-text)}.drive-mode-controls>button[aria-pressed=true]>svg{opacity:1}[data-theme=dark] .hmi-workspace>.vehicle-column{--vehicle-line:#8095b124;--vehicle-muted:#9caabc}[data-theme=dark] .hmi-workspace>.vehicle-column:before{content:none}[data-theme=dark] .range-charge-track>span{box-shadow:0 0 5px rgba(var(--charge-rgb),.5),0 4px 14px rgba(var(--charge-rgb),.22),inset 0 1px #fffc}[data-theme=dark] .drive-mode-controls>button[aria-pressed=false]{color:#fff;--control-glow:#ffffff24}[data-theme=dark] .tire-status{color:#71d4b4}[data-theme=dark] .tire-vehicle{color:#a3aab5}[data-theme=dark] .vehicle-energy-card{--vehicle-muted:#a4bcb0;--vehicle-line:#9acaaf24;color:#e7f4eb;background:var(--hmi-card-surface)}[data-theme=dark] .consumption-current>strong{color:var(--charge-core)}[data-theme=dark] .consumption-line{stroke:var(--charge-core)}@media(max-width:1280px),(max-height:880px){.vehicle-secondary{gap:8px}.vehicle-card{padding:10px}.range-readout>strong{font-size:30px}.range-details{margin-top:8px;gap:8px}.range-details dt{font-size:9px}.range-details dd{font-size:15px}.range-details small{font-size:8px}.consumption-chart{margin-top:4px}.consumption-caption{font-size:10px}.consumption-current>strong{font-size:34px}.tire-layout{height:76px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}.tire-vehicle{width:38px}.tire-value>strong{font-size:18px}}@media(max-width:820px){.vehicle-secondary{gap:12px}.vehicle-card{padding:12px}.consumption-plot{flex:auto;height:144px}.range-readout>strong{font-size:32px}.consumption-current>strong{font-size:36px}.range-details dt{font-size:10px}.range-details dd{font-size:16px;margin-top:2px}.range-details small{font-size:9px}.tire-layout{height:96px;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr)}.tire-vehicle{width:48px}}@media(max-width:480px){.hmi-workspace>.right-column.vehicle-column{grid-template-rows:380px auto}.consumption-plot{height:120px}}.hmi-workspace .music-card.media-player{display:flex;flex-direction:column;gap:0;min-width:0}.radio-picker-button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:8px;padding:0;flex-shrink:0;font-size:12px;color:var(--accent-text)}.hmi-workspace .media-player .player-controls{margin-top:6px}.hmi-workspace .media-player .radio-album{display:grid;place-items:center;background:linear-gradient(145deg,rgba(var(--accent-rgb),.22),#60728733);color:var(--accent-text)}.radio-live-status{display:flex;align-items:center;gap:7px;min-height:44px;color:#536473;font-size:12px}.radio-live-status>small{margin-left:auto;font-size:9px;letter-spacing:.12em;color:inherit}.radio-live-dot{width:5px;height:5px;border-radius:50%;background:#8b98a4;flex-shrink:0}.radio-live-dot.on{background:#268269}.media-error{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;color:#a62638;font-size:11px;line-height:1.5}.media-error>span{flex:1;min-width:0}.media-error>button{flex-shrink:0;min-height:32px;padding:0 4px;text-decoration:underline}.radio-dialog{width:min(560px,calc(100vw - 44px));max-width:100%;max-height:calc(100dvh - 44px);min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;padding:22px;border-radius:22px;background:#f3f6f5f5;box-shadow:0 20px 70px #21314430;color:#273d45}.radio-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.radio-dialog-heading>h2{font-size:21px;font-weight:500}.radio-search{display:flex;align-items:center;gap:8px;margin-top:18px;padding:0 10px;border-radius:10px;background:#5366750d;flex-shrink:0}.radio-search>input{flex:1;min-width:0;min-height:44px;border:0;outline:none;background:transparent;font-size:16px}.radio-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.radio-search>button{min-height:44px;padding:0 4px;color:var(--accent-text);font-size:13px}.radio-categories{display:flex;gap:20px;margin:10px 0;flex-shrink:0}.radio-categories>button{min-height:40px;padding:0 2px;color:#586576;font-size:13px}.radio-categories>button[aria-pressed=true]{color:var(--accent-text);box-shadow:inset 0 -2px currentColor}.radio-results{min-height:150px;max-height:44dvh;overflow:auto;overscroll-behavior:contain}.radio-stations{list-style:none;margin:0;padding:0}.radio-stations li+li{margin-top:4px}.radio-stations button{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border-radius:12px;text-align:left;min-height:60px}.radio-stations button[aria-pressed=true]{background:rgba(var(--accent-rgb),.08);color:var(--accent-text)}.radio-stations button:hover{background:rgba(var(--accent-rgb),.06)}.radio-stations button>span{flex:1;min-width:0}.radio-stations strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-stations small{display:block;margin-top:5px;font-size:11px;color:#586576}.radio-stations svg{flex-shrink:0}.radio-empty{padding:30px 10px;text-align:center;font-size:14px;line-height:1.7;color:#536473}.radio-empty>.spinner{vertical-align:middle;margin-right:5px}.radio-empty small{display:block;margin-top:6px}.radio-empty button{min-height:44px;margin-top:12px;color:var(--accent-text)}.radio-notice{flex-shrink:0;margin-top:16px;font-size:11px;line-height:1.7;color:#586576}.radio-notice a{color:inherit;text-underline-offset:3px}[data-theme=dark] .radio-live-status{color:#b2c2cd}[data-theme=dark] .radio-live-dot.on{background:#6ed9b8}[data-theme=dark] .media-error{color:#ff9ca6}[data-theme=dark] .hmi-workspace .media-player .radio-album{background:#1e1e1e}[data-theme=dark] .radio-dialog{background:var(--hmi-card-surface);color:#e9f0f7;box-shadow:0 20px 70px #0008}[data-theme=dark] .radio-search{background:#92b1d014}[data-theme=dark] :is(.radio-categories>button,.radio-stations small,.radio-empty,.radio-notice){color:#a7b4c6}[data-theme=dark] .radio-categories>button[aria-pressed=true]{color:var(--accent-text)}@media(max-width:820px){.radio-picker-button{margin-bottom:6px}}@media(max-width:480px){.radio-dialog{padding:18px}.radio-notice{font-size:10px}}.speed-value{position:relative;display:inline-block;min-width:2.6ch}.hmi-workspace>.drive-stage .speed-value .speed-value-button,.hmi-workspace>.drive-stage .speed-value .speed-value-input{display:block;width:100%;min-height:44px;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-align:center;box-shadow:none;transform:none}.hmi-workspace>.drive-stage .speed-value .speed-value-button{cursor:text}.hmi-workspace>.drive-stage .speed-value .speed-value-input{position:absolute;inset:0;height:100%;appearance:textfield;-moz-appearance:textfield;outline:2px solid var(--accent);outline-offset:3px}.speed-value-input::-webkit-inner-spin-button,.speed-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.hmi-workspace>.drive-stage .speed-value .speed-value-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hmi-workspace>.drive-stage.original-sr *{box-sizing:border-box}.hmi-workspace>.drive-stage.original-sr button{font:inherit}.hmi-workspace>.drive-stage.original-sr button{cursor:pointer;border:0;background:none;color:inherit}.hmi-workspace>.drive-stage.original-sr button:disabled{cursor:default;opacity:.4}.hmi-workspace>.drive-stage.original-sr button{-webkit-tap-highlight-color:transparent}.hmi-workspace>.drive-stage.original-sr button:focus-visible{outline:2px solid #dc5964;outline-offset:4px}.hmi-workspace>.drive-stage.original-sr button{transition:background .2s,color .2s,transform .2s}.hmi-workspace>.drive-stage.original-sr button:active:not(:disabled){transform:scale(.96)}.breathing .hmi-workspace>.drive-stage.original-sr .taillight-glow{animation:original-sr-breathe var(--breath) ease-in-out infinite}.breathing .hmi-workspace>.drive-stage.original-sr .soft-dot{animation:original-sr-accent-breathe var(--breath) ease-in-out infinite}@keyframes original-sr-breathe{0%,to{opacity:.35;filter:blur(.3px)}50%{opacity:1;filter:blur(.7px)}}@keyframes original-sr-accent-breathe{0%,to{box-shadow:0 0 #e94d5900}50%{box-shadow:0 0 20px #e94d5920}}.hmi-workspace>.drive-stage.original-sr .icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border-radius:10px;flex-shrink:0}.hmi-workspace>.drive-stage.original-sr .icon-button:hover{background:#dce1e96b}.hmi-workspace>.drive-stage.original-sr .map-zoom .icon-button{display:flex;width:27px;height:27px}.hmi-workspace>.drive-stage.original-sr .track-info>.icon-button{width:23px}.hmi-workspace>.drive-stage.original-sr{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden}.hmi-workspace>.drive-stage.original-sr .drive-top{display:flex;justify-content:space-between;padding:19px 10px 0;font-size:12px;color:#8b929d}.hmi-workspace>.drive-stage.original-sr .stage-label{letter-spacing:1px}.hmi-workspace>.drive-stage.original-sr .system-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#7d9390}.hmi-workspace>.drive-stage.original-sr .speed-area{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:26px;z-index:2}.hmi-workspace>.drive-stage.original-sr .speed{text-align:center;min-width:142px;display:flex;flex-direction:column}.hmi-workspace>.drive-stage.original-sr .speed strong{font-size:95px;line-height:1.06;font-weight:500;letter-spacing:-7px;color:#303642;font-variant-numeric:tabular-nums}.hmi-workspace>.drive-stage.original-sr .speed>span{font-size:12px;letter-spacing:1px;color:#9299a5;padding-top:5px}.hmi-workspace>.drive-stage.original-sr .speed-limit{width:37px;height:37px;border:3px solid #dc777e;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#606977;margin-top:-24px}.hmi-workspace>.drive-stage.original-sr .driving-label{display:flex;align-items:center;justify-content:center;gap:6px;color:#8b939f;font-size:11px;margin-top:16px;z-index:2}.hmi-workspace>.drive-stage.original-sr .cruise-icon{color:#e4707b}.hmi-workspace>.drive-stage.original-sr .road-scene{position:absolute;inset:34% -12% 6%;pointer-events:none}.hmi-workspace>.drive-stage.original-sr .road{position:absolute;width:100%;height:100%;opacity:.8}.hmi-workspace>.drive-stage.original-sr .horizon{position:absolute;top:-16%;height:34%;width:100%;background:linear-gradient(#f5f6f900,#f5f6f9 35%,#f3f5f900);filter:blur(7px)}.hmi-workspace>.drive-stage.original-sr .vehicle-wrap{position:absolute;width:46%;max-width:330px;left:27%;bottom:23%;z-index:3}.hmi-workspace>.drive-stage.original-sr .vehicle{width:100%;display:block;position:relative;filter:drop-shadow(0 8px 6px #5b65703a)}.hmi-workspace>.drive-stage.original-sr .vehicle-shadow{position:absolute;bottom:6%;left:2%;right:2%;height:14%;background:#58606b33;border-radius:50%;filter:blur(10px)}.hmi-workspace>.drive-stage.original-sr .taillight-glow{position:absolute;left:9%;right:9%;top:48%;height:2%;background:#f3445160;box-shadow:0 0 16px 5px #f2444960;filter:blur(3px)}.hmi-workspace>.drive-stage.original-sr .distance-marker{position:absolute;top:22%;left:0;right:0;color:#a6adb8;text-align:center;font-size:10px;letter-spacing:1px}.hmi-workspace>.drive-stage.original-sr .distance-marker span{display:block;height:12px;width:1px;background:#bcc4cf;margin:10px auto 0}.hmi-workspace>.drive-stage.original-sr .sensor-ring{position:absolute;left:32%;width:36%;height:10%;border:1px solid #d7838933;border-top:0;border-radius:0 0 50% 50%;bottom:23%}.hmi-workspace>.drive-stage.original-sr .ring-two{left:27%;width:46%;bottom:19%;height:13%;border-color:#d7838920}.hmi-workspace>.drive-stage.original-sr .stage-bottom{margin-top:auto;position:relative;z-index:4;padding:0 10px 2px}.hmi-workspace>.drive-stage.original-sr .ready-message{font-size:11px;display:flex;gap:7px;justify-content:center;align-items:center;color:#9ca3ae;letter-spacing:2px;padding-bottom:25px}.hmi-workspace>.drive-stage.original-sr .soft-dot{height:4px;width:4px;border-radius:50%;background:#e07b82}.hmi-workspace>.drive-stage.original-sr .drive-tabs{display:flex;justify-content:center;gap:9px}.hmi-workspace>.drive-stage.original-sr .drive-tabs button{padding:10px 16px;display:flex;align-items:center;gap:7px;border-radius:10px;font-size:11px;color:#9aa1ad}.hmi-workspace>.drive-stage.original-sr .drive-tabs button.selected{background:#ffffff9c;color:#616b7a;box-shadow:0 3px 15px #58657e06}.hmi-workspace>.drive-stage.original-sr .next-instruction{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffffaf;border:1px solid white;border-radius:14px;margin-bottom:10px}.hmi-workspace>.drive-stage.original-sr .next-instruction>svg{color:var(--accent)}.hmi-workspace>.drive-stage.original-sr .next-instruction>div{flex:1;min-width:0}.hmi-workspace>.drive-stage.original-sr .next-instruction strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hmi-workspace>.drive-stage.original-sr .next-instruction span{font-size:10px;color:var(--muted)}.driving .hmi-workspace>.drive-stage.original-sr .lane-dashes{animation:original-sr-lanes 2s linear infinite}@keyframes original-sr-lanes{to{stroke-dashoffset:-106}}.hmi-workspace>.drive-stage.original-sr .dock>.icon-button{color:#8d98a5}@media(min-width:1600px){.hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:42px}.hmi-workspace>.drive-stage.original-sr .speed strong{font-size:115px}.hmi-workspace>.drive-stage.original-sr .drive-top{padding-top:25px}.hmi-workspace>.drive-stage.original-sr .vehicle-wrap{max-width:380px}}@media(max-width:1150px)and (min-width:821px){.hmi-workspace>.drive-stage.original-sr .speed-area{gap:17px}.hmi-workspace>.drive-stage.original-sr .speed strong{font-size:83px}.hmi-workspace>.drive-stage.original-sr .speed{min-width:118px}.hmi-workspace>.drive-stage.original-sr .ready-message{letter-spacing:0}.hmi-workspace>.drive-stage.original-sr .system-status{font-size:9px}}@media(max-width:820px){.hmi-workspace>.drive-stage.original-sr .drive-top{padding-top:6px}.hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:15px}.hmi-workspace>.drive-stage.original-sr .speed strong{font-size:75px}.hmi-workspace>.drive-stage.original-sr .driving-label{margin-top:8px}.hmi-workspace>.drive-stage.original-sr .road-scene{inset:28% 5% 6%}.hmi-workspace>.drive-stage.original-sr .vehicle-wrap{max-width:220px;width:42%;left:29%;bottom:16%}.hmi-workspace>.drive-stage.original-sr .distance-marker{top:18%}.hmi-workspace>.drive-stage.original-sr .ready-message{padding-bottom:12px}.hmi-workspace>.drive-stage.original-sr .track-info>.icon-button{display:none}.hmi-workspace>.drive-stage.original-sr .drive-tabs button{font-size:11px}}@media(max-width:480px){.hmi-workspace>.drive-stage.original-sr .track-info>.icon-button{display:flex}.hmi-workspace>.drive-stage.original-sr .drive-top{font-size:11px}}@media(prefers-reduced-motion:reduce){.hmi-workspace>.drive-stage.original-sr *,.hmi-workspace>.drive-stage.original-sr *:before,.hmi-workspace>.drive-stage.original-sr *:after{animation:none!important;transition:none!important}}.hmi-workspace>.drive-stage.original-sr .drive-tabs button,.hmi-workspace>.drive-stage.original-sr .driving-label,.hmi-workspace>.drive-stage.original-sr .system-status{font-size:12px}.hmi-workspace>.drive-stage.original-sr .stage-label{font-size:12px}.hmi-workspace>.drive-stage.original-sr .taillight-glow{top:42.6%;left:18%;right:18%;height:1.2%}@media(min-width:821px)and (max-height:800px){.hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:15px}.hmi-workspace>.drive-stage.original-sr .speed strong{font-size:76px}.hmi-workspace>.drive-stage.original-sr .drive-top{padding-top:13px}.hmi-workspace>.drive-stage.original-sr .road-scene{top:36%}.hmi-workspace>.drive-stage.original-sr .vehicle-wrap{width:42%;left:29%}}.cockpit .hmi-workspace>.drive-stage.original-sr .vehicle-wrap{width:28%;max-width:220px;left:36%;bottom:24%;transform:translateY(var(--vehicle-offset,0px));transition:transform 1.2s ease-out}.cockpit .hmi-workspace>.drive-stage.original-sr .sensor-ring{left:36%;width:28%;bottom:23%}.cockpit .hmi-workspace>.drive-stage.original-sr .ring-two{left:32%;width:36%;bottom:19%}.cockpit .hmi-workspace>.drive-stage.original-sr .lane-dashes{animation:original-sr-lanes var(--road-duration,2s) linear infinite;animation-play-state:paused}.cockpit.driving .hmi-workspace>.drive-stage.original-sr .lane-dashes{animation-play-state:running}.cockpit.reversing .hmi-workspace>.drive-stage.original-sr .lane-dashes{animation-direction:reverse}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr :is(.section-head,.greeting,.date,.drive-top,.stage-label,.driving-label,.speed>span,.range-number>span,.range-caption,.energy-detail>span,.energy-footer,.energy-detail small,.pressure-grid span,.mode-card p,.pressure-card>p,.track-copy p,.progress>div,.route-summary span,.route-source,.map-caption,.drive-tabs button,.ready-message,.distance-marker,.cabin-air,.audio-quality){color:#9daabc}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr :is(.speed strong,.range-number,.pressure-grid strong,.destination strong,.track-copy h2,.temperature>span,.settings-modal h2){color:#edf2fa}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .icon-button:hover{background:#ffffff0c}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .speed-limit{color:#d0d9e6;border-color:#b75565}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .system-status{color:#99bdb1}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .horizon{background:linear-gradient(#1b233000,#1b2330 35%,#1b233000)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road{opacity:.45}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .vehicle{filter:brightness(.8) contrast(1.08) drop-shadow(0 12px 10px #0008)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .vehicle-shadow{background:#0009}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .sensor-ring{border-color:#e86a7630}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .drive-tabs button.selected{background:#293343b5;color:#d7e1ed;box-shadow:0 3px 15px #0002}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .next-instruction{background:#222d3ee8;border-color:#384658}@media(max-width:820px){.cockpit .hmi-workspace>.drive-stage.original-sr .vehicle-wrap{width:28%;max-width:185px;left:36%;bottom:23%}.hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:8px}.hmi-workspace>.drive-stage.original-sr .driving-label{margin-top:8px}.cockpit .hmi-workspace>.drive-stage.original-sr .road-scene{top:33%}}@media(prefers-reduced-motion:reduce){.cockpit .hmi-workspace>.drive-stage.original-sr .lane-dashes{animation:none!important}.cockpit .hmi-workspace>.drive-stage.original-sr .vehicle-wrap{transition:none}}.hmi-workspace>.drive-stage.original-sr .night-environment,.hmi-workspace>.drive-stage.original-sr .tail-emissive,.hmi-workspace>.drive-stage.original-sr .road-reflection{display:none}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr{isolation:isolate;overflow:hidden;border-radius:16px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .night-environment{display:block;position:absolute;inset:0;z-index:-1;background:url(/night-road.png) center center/cover no-repeat;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 94%,transparent 100%)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .night-environment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#020509c9 0%,#0306098c 23%,#0305090d 45%,transparent 67%,#02040799 100%),linear-gradient(90deg,#03070c70,transparent 12%,transparent 88%,#03070c70)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .drive-top{position:relative;z-index:3;padding-left:14px;padding-right:14px;color:#c1cad7;text-shadow:0 2px 5px #000}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .stage-label{letter-spacing:2px;color:#b1bdcb}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .system-status{color:#47dca3;font-size:11px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .speed-area{position:relative;z-index:3;padding-top:22px;filter:drop-shadow(0 2px 16px #000)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .speed strong{color:#f8fafc;text-shadow:0 0 35px #d7e8ff12;font-weight:400}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .driving-label{color:#d1d8e0;text-shadow:0 1px 8px #000;position:relative}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .horizon{display:none}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road{opacity:.8}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road>path:nth-of-type(1),[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road>path:nth-of-type(2){fill:none}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road>.lane-edge{stroke:#ff5f72;stroke-opacity:.25;stroke-width:1;filter:drop-shadow(0 0 3px #ff414e)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .vehicle{filter:brightness(.34) contrast(1.24) saturate(.65) drop-shadow(0 13px 7px #000b)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .vehicle-wrap{z-index:4}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .vehicle-shadow{background:#000d;filter:blur(9px);bottom:4%;left:-5%;right:-5%;height:18%}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .tail-emissive{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ff543f;stroke-width:.58;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff3629) drop-shadow(0 0 5px #ff26307d);pointer-events:none}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .tail-emissive .brake-light{stroke-width:.55;opacity:.25}[data-theme=dark][data-gear=P] .hmi-workspace>.drive-stage.original-sr .tail-emissive .brake-light{opacity:1}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .taillight-glow{background:#ff362661;box-shadow:0 0 20px 6px #ff302d50;z-index:4;opacity:.7}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road-reflection{display:block;position:absolute;z-index:-1;left:10%;right:10%;top:82%;height:48%;background:radial-gradient(ellipse at 18% 18%,#ff372f6b,transparent 38%),radial-gradient(ellipse at 82% 18%,#ff372f6b,transparent 38%),linear-gradient(#b71e2922,transparent);filter:blur(7px);transform:perspective(100px) rotateX(28deg);transform-origin:center top;pointer-events:none}[data-theme=dark].breathing .hmi-workspace>.drive-stage.original-sr .road-reflection{animation:original-sr-reflection-breathe var(--breath) ease-in-out infinite}@keyframes original-sr-reflection-breathe{0%,to{opacity:.48}50%{opacity:.9}}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .sensor-ring{border-color:#f2556326;opacity:.45}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .distance-marker{color:#c2cbd6;text-shadow:0 1px 6px #000;letter-spacing:2px;top:17%}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .distance-marker span{background:#e46a754d}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .stage-bottom{padding-bottom:4px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .ready-message{color:#b6c0ce;text-shadow:0 1px 8px #000;letter-spacing:2px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .drive-tabs button{color:#a3b0c3;background:#080d1499;border:1px solid #8294ac14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .drive-tabs button.selected{color:#e5eaf0;background:#18202bd9;border-color:#a9bac72b}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .next-instruction{background:#0b111bed;border-color:#ae56652e;box-shadow:0 5px 25px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:821px)and (max-height:800px){[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:9px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .night-environment{background-position:center 55%}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .distance-marker{top:19%}}@media(max-width:820px){[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .speed-area{padding-top:8px}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .night-environment{background-position:center 51%}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .distance-marker{top:20%;font-size:10px}}@media(prefers-reduced-motion:reduce){[data-theme=dark] .hmi-workspace>.drive-stage.original-sr .road-reflection{animation:none}}.hmi-workspace>.drive-stage.original-sr .sr-current-gear{font-size:18px;font-weight:600;color:#d95867;width:34px;text-align:center}.hmi-workspace>.drive-stage.original-sr .belt-reminder{color:#e25360!important;letter-spacing:1px!important;font-size:13px!important;gap:7px}.hmi-workspace>.drive-stage.original-sr .belt-reminder svg{width:21px;height:23px}.hmi-workspace>.drive-stage.original-sr{--accent:#e74c59;--muted:#8b919d;color:#343a46}[data-theme=dark] .hmi-workspace>.drive-stage.original-sr{--accent:#f06b78;--muted:#9ba6b9;color:#e9edf3}.hmi-workspace>.drive-stage.original-sr .night-environment{filter:none}.hmi-workspace>.drive-stage.original-sr button:before,.hmi-workspace>.drive-stage.original-sr button:after{content:none}.hmi-workspace>.drive-stage.original-sr[data-animate=false] .lane-dashes{animation-play-state:paused!important}.hmi-workspace>.drive-stage.original-sr[data-visible=false] :is(.taillight-glow,.road-reflection,.soft-dot){animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.hmi-workspace>.drive-stage.original-sr :is(.lane-dashes,.taillight-glow,.road-reflection,.soft-dot){animation:none!important}}.hmi-workspace>.drive-stage.original-sr .night-environment{container-type:size;--night-road-position:50%;overflow:hidden}.hmi-workspace>.drive-stage.original-sr .night-road-flow{position:absolute;left:50%;top:var(--night-road-position);width:max(100cqw,75cqh);height:max(100cqh,133.333333cqw);transform:translate(-50%,calc(-1 * var(--night-road-position)));pointer-events:none}.hmi-workspace>.drive-stage.original-sr .night-road-lights{fill:#ee4c57}.hmi-workspace>.drive-stage.original-sr .night-road-light-reflection{fill:#ff3547;opacity:.45}@media(min-width:821px)and (max-height:800px){.hmi-workspace>.drive-stage.original-sr .night-environment{--night-road-position:55%}}@media(max-width:820px){.hmi-workspace>.drive-stage.original-sr .night-environment{--night-road-position:51%}}.hmi-workspace>.drive-stage.sr-stage{--sr-muted:#596776;--sr-dot:rgba(67,87,108,.24);--sr-road-shadow:#36465a;display:flex;flex-direction:column;isolation:isolate;padding:20px 12px 6px;background:none;border:0;box-shadow:none}.sr-stage:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--sr-dot) 1px,transparent 1.15px);background-size:14px 14px;background-position:center;-webkit-mask-image:radial-gradient(ellipse closest-side at center,#000 0%,#000b 32%,#0004 65%,transparent 100%);mask-image:radial-gradient(ellipse closest-side at center,#000 0%,#000b 32%,#0004 65%,transparent 100%)}.sr-readout{position:relative;z-index:1;flex-shrink:0;text-align:center}.sr-indicators{display:flex;align-items:center;justify-content:center;gap:50px;min-height:34px}.sr-gear{min-width:20px;font-size:18px;font-weight:600;color:var(--sr-muted)}.sr-limit{display:grid;place-items:center;width:32px;height:32px;border:3px solid #cf4e55;border-radius:50%;background:#fff;color:#222;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.sr-speed{display:flex;flex-direction:column;align-items:center;margin-top:10px;font-variant-numeric:tabular-nums}.sr-speed>strong{font-size:clamp(72px,6vw,104px);font-weight:500;letter-spacing:-.055em;line-height:1;color:#303642}.sr-speed>span{margin-top:4px;font-size:11px;color:var(--sr-muted)}.sr-scene{position:relative;flex:1;min-height:100px;width:100%;max-width:760px;margin:10px auto 0;overflow:hidden;pointer-events:none}.sr-projection{position:absolute;inset:0;width:100%;height:100%}.sr-road-surface{opacity:.3}.sr-road-wash{opacity:.18}.sr-car-wash{opacity:.14}.sr-contact-shadow{opacity:.32}.sr-road-grain{fill:none;stroke-width:.6;opacity:.1}.sr-lanes{fill:none;stroke-linecap:round}.sr-lanes path{vector-effect:non-scaling-stroke}.sr-lane-track{opacity:.75}.sr-lane-flow{stroke:var(--sr-lane);stroke-width:1.5;stroke-dasharray:16 112;opacity:0;animation:sr-lane-travel var(--road-duration,2s) linear infinite;animation-play-state:paused}.sr-scene[data-animate=true] .sr-lane-flow{opacity:.4;animation-play-state:running}.sr-scene[data-reversing=true] .sr-lane-flow{animation-direction:reverse}@keyframes sr-lane-travel{to{stroke-dashoffset:-128}}.sr-vehicle>image{filter:drop-shadow(0 7px 5px #192c3b26)}.sr-wheel-motion{opacity:0;transition:opacity .15s linear}.sr-tread-base{fill:#12151b;opacity:.7}.sr-tread-ridge{fill:none;stroke:#636b78;stroke-width:3;stroke-linecap:round;opacity:.7}.sr-tread-groove{fill:none;stroke:#050609;stroke-width:3.5;stroke-linecap:round}.sr-wheel-tread{animation:sr-wheel-roll 1s linear infinite;animation-play-state:paused}.sr-scene[data-animate=true] .sr-wheel-motion{opacity:1}.sr-scene[data-animate=true] .sr-wheel-tread{animation-play-state:running}.sr-scene[data-reversing=true] .sr-wheel-tread{animation-direction:reverse}@keyframes sr-wheel-roll{to{transform:translateY(-24px)}}.sr-tail-lights{display:none}.sr-footer{position:relative;z-index:1;flex-shrink:0;padding-top:4px}.sr-note{display:flex;align-items:center;justify-content:center;gap:6px;min-height:20px;font-size:11px;line-height:1.4;color:var(--sr-muted)}.sr-note>svg{width:18px;height:18px;flex-shrink:0}.sr-note.sr-belt-warning{color:#ad3f46}.sr-footer .view-swap{font-size:12px;min-height:40px;padding:6px 12px}.sr-maneuver{display:flex;align-items:center;justify-content:center;gap:10px;max-width:320px;margin:12px auto 0;padding:0 6px;text-align:left}.sr-maneuver>svg{flex-shrink:0;color:var(--accent-text)}.sr-maneuver>div{min-width:0}.sr-maneuver strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500}.sr-maneuver span{display:block;margin-top:3px;font-size:10px;color:var(--sr-muted)}[data-theme=dark] .hmi-workspace>.sr-stage{--sr-muted:#a5afbc;--sr-dot:rgba(166,181,197,.36);--sr-road-shadow:#000}[data-theme=dark] .sr-road-surface{opacity:.85}[data-theme=dark] .sr-road-wash{opacity:.45}[data-theme=dark] .sr-car-wash{opacity:.34}[data-theme=dark] .sr-contact-shadow{opacity:.92}[data-theme=dark] .sr-lane-track{opacity:.9}[data-theme=dark] .sr-speed>strong{color:#f5f7fa}[data-theme=dark] .sr-vehicle>image{filter:brightness(.78) saturate(.6) drop-shadow(0 5px 3px #0005)}[data-theme=dark] .sr-tail-lights{display:block;fill:none;stroke:#ff5748;stroke-width:.55;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff493c66)}[data-theme=dark] .sr-brake-light{opacity:.3}[data-theme=dark][data-gear=P] .sr-brake-light{opacity:1}[data-theme=dark] .sr-note.sr-belt-warning{color:#ffadb5}.hmi-workspace[data-primary=map]>.sr-stage{padding:12px 6px 4px}.hmi-workspace[data-primary=map] .sr-indicators{gap:36px;min-height:28px}.hmi-workspace[data-primary=map] .sr-limit{width:28px;height:28px;font-size:11px}.hmi-workspace[data-primary=map] .sr-speed{margin-top:6px}.hmi-workspace[data-primary=map] .sr-speed>strong{font-size:60px}.hmi-workspace[data-primary=map] .sr-scene{min-height:80px;margin-top:4px}.hmi-workspace[data-primary=map] .sr-note{font-size:10px}@media(max-height:800px)and (min-width:821px){.hmi-workspace>.drive-stage.sr-stage{padding-top:12px}.sr-speed>strong{font-size:76px}}@media(max-width:820px){.hmi-workspace>.drive-stage.sr-stage{padding-top:14px}.sr-speed>strong{font-size:72px}.sr-scene{max-width:540px}}@media(prefers-reduced-motion:reduce){.sr-lane-flow{animation:none;opacity:0!important}.sr-wheel-tread{animation:none}.sr-wheel-motion{opacity:0!important;transition:none}}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#343a46;background:#e5e8ed;font-synthesis:none;font-size:14px;font-weight:500;--accent:#e74c59;--muted:#8b919d;--line:#e5e8ee;--breath:5s}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:default;opacity:.4}button,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .2s,color .2s,transform .2s}button:active:not(:disabled){transform:scale(.96)}input[type=range]{accent-color:var(--accent);cursor:pointer;height:3px;margin:0;width:100%}input[type=checkbox]{accent-color:var(--accent);width:36px;height:20px}svg{flex-shrink:0;stroke-width:1.7}p,h2{margin:0}small{font-size:12px}strong{font-weight:700}.cockpit{position:relative;min-height:720px;height:100dvh;max-height:1200px;background:radial-gradient(ellipse at 52% 39%,#fafbfd 0,#eef0f4 49%,#e9ecf1);overflow:hidden;padding:0 32px;display:flex;flex-direction:column}.light-strip{height:2px;position:absolute;z-index:12;left:3%;right:3%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.7) 15%,var(--accent-core) 49%,rgba(var(--accent-rgb),.7) 84%,transparent);box-shadow:0 0 7px rgba(var(--accent-rgb),.45),0 0 24px 4px rgba(var(--accent-rgb),.18);opacity:.65}.top-strip{top:0}.bottom-strip{bottom:0}.breathing .light-strip,.breathing .taillight-glow{animation:breathe var(--breath) ease-in-out infinite}.breathing .soft-dot,.breathing .route-start,.breathing .mode-options .selected{animation:accent-breathe var(--breath) ease-in-out infinite}@keyframes breathe{0%,to{opacity:.35;filter:blur(.3px)}50%{opacity:1;filter:blur(.7px)}}@keyframes accent-breathe{0%,to{box-shadow:0 0 rgba(var(--accent-rgb),0)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.12)}}.status-bar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.brand{display:flex;gap:16px;align-items:center}.brand strong{font-size:24px;font-weight:600;letter-spacing:2px}.brand-mark{width:30px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:5px;transform:skew(-6deg)}.brand-mark i{background:#343a46}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){clip-path:polygon(0 0,100% 100%,0 100%)}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){clip-path:polygon(100% 0,100% 100%,0 0)}.brand-divider{height:18px;width:1px;background:#cfd4dc;margin:0 4px}.greeting{font-size:14px;letter-spacing:3px;color:#777e8a}.status-center,.status-icons{display:flex;align-items:center;gap:18px}.clock{font-size:23px;font-weight:600;letter-spacing:1px}.date{color:#858b95;font-size:12px}.weather{display:flex;gap:9px;align-items:center;margin-left:12px}.status-icons{gap:14px}.fiveg{font-size:11px;margin-left:-12px}.demo-badge{font-size:10px;border:1px solid #d8dde4;padding:4px 7px;border-radius:5px;color:#9298a3}.avatar{width:29px;height:29px;border-radius:50%;background:#dfe4eb;color:#8792a2;display:grid;place-items:center;font-size:12px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;border-radius:10px;flex-shrink:0}.icon-button:hover{background:#dce1e96b}.active{color:var(--accent)!important}.workspace{position:relative;display:grid;grid-template-columns:minmax(270px,28%) minmax(350px,1fr) minmax(240px,24%);gap:24px;flex:1;min-height:0;padding:8px 0 24px}.right-column{display:flex;flex-direction:column;gap:19px;min-height:0}.card{position:relative;border:1px solid #ffffffce;border-radius:20px;background:linear-gradient(135deg,#ffffffc9,#ffffff70);box-shadow:0 8px 28px #64718d06,0 1px 2px #fff8,inset 0 0 0 1px #ffffff30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;min-height:26px;color:#646c7b}.section-head>span:first-child{display:flex;align-items:center;gap:8px}.navigation-card{flex:1;min-height:305px;padding:17px 18px 11px;display:flex;flex-direction:column;overflow:hidden}.destination{display:flex;align-items:center;text-align:left;gap:10px;padding:11px 0 12px;flex-shrink:0;width:100%}.destination-icon{width:34px;height:34px;background:#f5e7ea;color:#e35965;display:grid;place-items:center;border-radius:11px}.destination>span:nth-child(2){flex:1}.destination strong{display:block;font-size:16px;letter-spacing:.3px}.destination small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.destination>svg{color:#8c93a0}.map-wrap{position:relative;flex:1;min-height:130px;border-radius:12px;overflow:hidden;background:#e8eced}.map{height:100%;position:absolute;inset:0;z-index:1}.map-compass{position:absolute;z-index:3;top:10px;left:10px;display:flex;align-items:center;gap:5px;background:#fff9;border-radius:6px;padding:4px;font-size:10px}.map-zoom{position:absolute;right:9px;bottom:22px;z-index:3;background:#fffe;border-radius:8px;box-shadow:0 2px 7px #31405112}.map-zoom .icon-button{display:flex;width:27px;height:27px}.map-error{position:absolute;z-index:4;inset:40% 10px auto;padding:10px;background:#fffefa;font-size:12px;border-radius:8px}.map-caption{display:flex;justify-content:space-between;align-items:center;color:#939ba7;font-size:10px;padding:4px 1px}.map-caption button{padding:0;height:20px;color:#687584}.route-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:51px}.route-summary strong{font-size:22px;letter-spacing:-.7px;display:block}.route-summary span{font-size:11px;color:#89909c;display:flex;align-items:center;gap:8px;margin-top:3px}.route-summary i{height:3px;width:3px;background:#acb2ba;border-radius:50%}.route-start{width:42px;height:42px;border-radius:13px;background:#f7e4e7;color:var(--accent-text)}.route-source{font-size:9px;letter-spacing:.3px;color:#a0a6af;margin-top:5px}.route-message{font-size:12px;display:flex;gap:10px;align-items:center}.spinner{display:inline-block;width:15px;height:15px;border:2px solid #d9dfe7;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.route-error{font-size:11px;display:flex;align-items:center;gap:10px}.route-error button{color:var(--accent);flex-shrink:0}.destination-menu{position:absolute;z-index:8;top:52px;left:10px;right:10px;background:#fffefef5;padding:12px;border-radius:15px;box-shadow:0 12px 40px #52607533}.destination-menu>button{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:13px 4px;border-bottom:1px solid #eef0f3}.destination-menu>button>span{flex:1}.destination-menu small{display:block;color:var(--muted);margin-top:4px}.destination-menu p{font-size:11px;padding:13px 0 0;color:var(--muted)}.search-field{display:flex;align-items:center;gap:8px;background:#f1f3f6;padding:3px 8px;border-radius:9px}.search-field input{border:0;background:none;min-width:0;flex:1;outline:none}.music-card{padding:17px 18px 14px;flex-shrink:0}.upload-label{position:relative;display:flex;align-items:center;cursor:pointer;padding:6px;overflow:hidden}.upload-label input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.track-info{display:flex;align-items:center;gap:12px;padding-top:15px}.album{width:63px;height:66px;border-radius:10px;position:relative;overflow:hidden;background:linear-gradient(#dbb6a0,#d3aea0 45%,#626477 46%,#313e53);flex-shrink:0;box-shadow:0 4px 10px #68708220}.album-sun{position:absolute;left:23px;top:15px;width:19px;height:19px;border-radius:50%;background:#ffddb2;box-shadow:0 0 16px #f8daaf}.album span{position:absolute;bottom:12px;left:0;right:0;font-size:6px;color:#f6efe6;text-align:center;letter-spacing:2px}.album.blue{background:linear-gradient(#6488aa,#b8c6ce 45%,#465d7f 46%,#223751)}.album.blue .album-sun{background:#e1ecf5}.track-copy{flex:1;min-width:0}.track-copy h2{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy p{font-size:10px;color:#969ba5;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-quality{font-size:8px;letter-spacing:1px;color:#969da9;display:block;margin-top:10px}.audio-quality span{border:1px solid #d5dae1;padding:0 3px;font-size:7px;letter-spacing:0;margin-left:4px}.track-info>.icon-button{width:23px}.progress{padding-top:17px}.progress>div{display:flex;justify-content:space-between;font-size:9px;margin-top:5px;color:#9ba1ab}.player-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:9px}.play-button{width:40px;height:40px;background:var(--accent-solid);color:#fff;border-radius:50%;box-shadow:none}.play-button:hover{background:var(--accent-solid)}.volume{display:flex;align-items:center;gap:3px;margin-left:8px;width:82px}.volume input{height:2px}.music-card>small{display:block;color:#c34255;margin-top:6px}.drive-stage{position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden}.drive-top{display:flex;justify-content:space-between;padding:19px 10px 0;font-size:12px;color:#8b929d}.stage-label{letter-spacing:1px}.system-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#7d9390}.speed-area{display:flex;align-items:center;justify-content:center;gap:28px;padding-top:26px;z-index:2}.gear{position:relative;display:flex;flex-direction:column;gap:11px;font-size:11px;color:#b3bac4}.gear .selected{color:#df4d5a;font-weight:800}.parking-selected{position:absolute;top:0;background:#f0f2f6;color:#df4d5a;font-size:11px}.speed{text-align:center;min-width:142px;display:flex;flex-direction:column}.speed strong{font-size:95px;line-height:1.06;font-weight:500;letter-spacing:-7px;color:#303642;font-variant-numeric:tabular-nums}.speed>span{font-size:12px;letter-spacing:1px;color:#9299a5;padding-top:5px}.speed-limit{width:37px;height:37px;border:3px solid #dc777e;border-radius:50%;display:grid;place-items:center;font-size:14px;color:#606977;margin-top:-24px}.driving-label{display:flex;align-items:center;justify-content:center;gap:6px;color:#8b939f;font-size:11px;margin-top:16px;z-index:2}.cruise-icon{color:var(--accent)}.road-scene{position:absolute;inset:34% -12% 6%;pointer-events:none}.road{position:absolute;width:100%;height:100%;opacity:.8}.horizon{position:absolute;top:-16%;height:34%;width:100%;background:linear-gradient(#f5f6f900,#f5f6f9 35%,#f3f5f900);filter:blur(7px)}.vehicle-wrap{position:absolute;width:46%;max-width:330px;left:27%;bottom:23%;z-index:3}.vehicle{width:100%;display:block;position:relative;filter:drop-shadow(0 8px 6px #5b65703a)}.vehicle-shadow{position:absolute;bottom:6%;left:2%;right:2%;height:14%;background:#58606b33;border-radius:50%;filter:blur(10px)}.taillight-glow{position:absolute;left:9%;right:9%;top:48%;height:2%;background:#f3445160;box-shadow:0 0 16px 5px #f2444960;filter:blur(3px)}.distance-marker{position:absolute;top:22%;left:0;right:0;color:#a6adb8;text-align:center;font-size:10px;letter-spacing:1px}.distance-marker span{display:block;height:12px;width:1px;background:#bcc4cf;margin:10px auto 0}.sensor-ring{position:absolute;left:32%;width:36%;height:10%;border:1px solid #8d9eaf33;border-top:0;border-radius:0 0 50% 50%;bottom:23%}.ring-two{left:27%;width:46%;bottom:19%;height:13%;border-color:#8d9eaf20}.stage-bottom{margin-top:auto;position:relative;z-index:4;padding:0 10px 2px}.ready-message{font-size:11px;display:flex;gap:7px;justify-content:center;align-items:center;color:#9ca3ae;letter-spacing:2px;padding-bottom:25px}.soft-dot{height:4px;width:4px;border-radius:50%;background:var(--accent)}.next-instruction{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffffaf;border:1px solid white;border-radius:14px;margin-bottom:10px}.next-instruction>svg{color:var(--accent)}.next-instruction>div{flex:1;min-width:0}.next-instruction strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-instruction span{font-size:10px;color:var(--muted)}.driving .lane-dashes{animation:lanes 2s linear infinite}@keyframes lanes{to{stroke-dashoffset:-106}}.energy-card{padding:21px 23px 0;flex:1.05}.range-number{font-size:59px;line-height:1.2;letter-spacing:-2px;margin-top:16px;font-weight:500;color:#3a424e}.range-number>span{font-size:17px;color:#959da9;letter-spacing:0;margin-left:4px}.range-caption{font-size:10px;color:#9aa1ab;letter-spacing:1px;margin-top:1px}.battery-row{display:flex;align-items:center;gap:12px;margin-top:18px}.battery-track{flex:1;background:#e4e8ed;height:5px;border-radius:4px;overflow:hidden}.battery-track>div{width:86%;height:100%;background:linear-gradient(90deg,#808d97,#647b80);border-radius:4px}.battery-row strong{font-size:14px;color:#78838f}.battery-row strong span{font-size:10px}.energy-detail{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:18px 0 19px;gap:5px}.energy-detail>span{color:#9ba2ad;display:flex;align-items:center;gap:4px}.energy-detail>strong{font-size:13px;color:#75808d}.energy-detail small{font-weight:500;font-size:8px;color:#8f99a4}.energy-footer{border-top:1px solid #e5e8ed;display:flex;align-items:center;gap:8px;padding:15px 0;color:#97a0ad;font-size:10px}.energy-footer strong{color:#798593;font-size:13px}.energy-footer small{font-size:9px;font-weight:500}.energy-spark{margin-left:auto;font-size:13px;letter-spacing:-1px;color:#a4b3ba;white-space:nowrap}.pressure-card{padding:18px 23px 12px;flex:1}.normal-label{font-size:10px;color:#80998f;display:flex;align-items:center;gap:4px}.pressure-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:21px 84px;margin-top:21px;text-align:center}.pressure-grid>div:not(.top-car){display:flex;flex-direction:column;gap:3px}.pressure-grid strong{font-size:21px;font-weight:500;letter-spacing:-.6px}.pressure-grid span{font-size:10px;color:#a0a6af}.top-car{position:absolute;inset:10px 26% 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a3aab5}.top-car svg{transform:rotate(-90deg);opacity:.7}.top-car span{padding-top:4px;font-size:9px}.pressure-card>p{font-size:9px;text-align:center;color:#a2a9b2;margin:19px 0 1px}.mode-card{padding:18px 18px 14px;flex-shrink:0}.mode-card .section-head{padding:0 4px}.mode-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.mode-options button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:11px;color:#9199a5;border:1px solid transparent;padding:12px 0;border-radius:11px}.mode-options .selected{color:#df5966;background:#f8e8eb;border-color:#f2d7dc}.mode-card p{font-size:9px;color:#9da4ae;text-align:center;margin-top:13px}.climate-bar{display:flex;align-items:center;justify-content:space-between;height:92px;flex-shrink:0;border-top:1px solid #dfe3e9;gap:16px;padding:0 4px}.dock{display:flex;gap:19px;align-items:center;border-right:1px solid #d7dde5;padding-right:28px}.dock .home-button{color:#4f5967}.dock>.icon-button{color:#8d98a5}.temperature{display:flex;align-items:center;gap:11px;color:#788494}.temperature>svg{color:#8798a8;margin-right:8px}.temperature>span{font-size:29px;letter-spacing:-1px;color:#526474;font-weight:500;white-space:nowrap}.temperature sup{font-size:17px;margin-left:2px}.climate-controls{display:flex;align-items:center;justify-content:center;gap:23px;color:#82909f}.climate-controls>button{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 0;font-size:13px;font-weight:600;min-width:29px}.climate-controls>button.active{color:var(--accent-text)!important}.climate-controls>button:nth-child(2){flex-direction:column;gap:2px;font-size:8px}.fan-control{flex-direction:column;gap:5px!important}.fan-levels{display:flex;gap:3px}.fan-levels i{width:5px;height:3px;border-radius:1px;background:#ced5dd}.fan-levels i.on{background:var(--accent)}.passenger{gap:7px}.passenger>svg{margin-left:8px;margin-right:0}.cabin-air{border-left:1px solid #d7dde5;padding-left:27px;text-align:left;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#8894a2;white-space:nowrap}.cabin-air strong{font-size:10px;font-weight:500}.cabin-air b{font-size:14px;font-weight:500;color:#6e9289;margin-left:7px}.climate-off .temperature>span{color:#afb8c3}.modal-backdrop{position:fixed;inset:0;background:#3a43563b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;display:grid;place-items:center;padding:22px}.settings-modal{width:540px;max-width:100%;background:#f5f6f9f5;border:1px solid white;padding:28px;border-radius:24px;box-shadow:0 25px 90px #43506940}.settings-modal h2{font-size:22px;color:#3f4958}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #e0e4eb;font-size:15px}.setting-row small{display:block;margin-top:7px;font-size:11px;color:#929ba9}.setting-row select{border:1px solid #d6dce5;background:#fff;border-radius:8px;padding:9px;max-width:175px;font-size:12px}.settings-note{display:flex;gap:10px;align-items:flex-start;color:#8e98a5;margin-top:25px}.settings-note p{font-size:12px;line-height:1.9}.done-button{display:block;width:100%;background:var(--accent-solid);color:#fff;border-radius:11px;padding:13px;margin-top:23px}.toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%);background:#404a59ee;color:#fff;border-radius:12px;padding:14px 22px;box-shadow:0 6px 30px #57607820;font-size:13px;z-index:40;max-width:90%}@media(min-width:1600px){.cockpit{padding:0 48px}.workspace{gap:32px;padding-bottom:30px}.status-bar{height:100px}.climate-bar{height:110px}.navigation-card,.music-card{padding-left:24px;padding-right:24px}.speed-area{padding-top:42px}.speed strong{font-size:115px}.energy-card,.pressure-card{padding-left:30px;padding-right:30px}.range-number{font-size:70px;margin-top:20px}.pressure-grid{gap:29px 100px;margin-top:28px}.pressure-grid strong{font-size:26px}.mode-card{padding-top:23px;padding-bottom:20px}.mode-options button{padding:17px 0}.track-info{padding-top:18px}.music-card{padding-bottom:21px}.album{width:76px;height:76px}.track-copy h2{font-size:19px}.player-controls{margin-top:14px}.drive-top{padding-top:25px}.vehicle-wrap{max-width:380px}.section-head{font-size:16px}}@media(max-width:1150px)and (min-width:821px){.cockpit{padding:0 20px;min-height:710px}.workspace{grid-template-columns:minmax(240px,29%) minmax(280px,1fr) minmax(210px,25%);gap:14px}.date,.greeting,.demo-badge,.cabin-air,.fiveg{display:none}.status-icons{gap:12px}.climate-controls{gap:18px}.climate-bar{gap:9px}.dock{gap:12px;padding-right:15px}.temperature{gap:3px}.temperature>svg{display:none}.energy-card,.pressure-card{padding-left:18px;padding-right:18px}.range-number{font-size:53px}.volume{width:60px;margin-left:0}.player-controls{gap:12px}.track-info{gap:8px}.track-copy h2{font-size:15px}.track-copy p{font-size:9px}.audio-quality{font-size:7px}.audio-quality span{display:none}.speed-area{gap:17px}.speed strong{font-size:83px}.speed{min-width:118px}.ready-message{letter-spacing:0}.system-status{font-size:9px}.energy-spark{display:none}.pressure-grid{gap:21px 60px}}@media(max-width:820px){.cockpit{height:auto;max-height:none;min-height:100dvh;padding:0 18px}.status-bar{height:70px}.greeting,.date,.demo-badge,.brand-divider,.status-icons>svg,.fiveg{display:none}.brand{gap:9px}.brand strong{font-size:21px}.status-center{gap:12px}.clock{font-size:20px}.weather{margin:0;font-size:12px}.status-icons{gap:5px}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drive-stage{grid-column:1/-1;grid-row:1;height:440px}.drive-top{padding-top:6px}.speed-area{padding-top:15px}.speed strong{font-size:75px}.driving-label{margin-top:8px}.road-scene{inset:28% 5% 6%}.vehicle-wrap{max-width:220px;width:42%;left:29%;bottom:16%}.distance-marker{top:18%}.ready-message{padding-bottom:12px}.right-column{grid-column:2;grid-row:2}.navigation-card{min-height:360px}.music-card{min-height:232px}.range-number{font-size:52px}.pressure-grid{gap:22px 55px}.energy-detail{flex-wrap:wrap}.energy-spark{display:none}.climate-bar{height:auto;min-height:140px;display:flex;flex-wrap:wrap;padding:16px 0;gap:15px;justify-content:space-around}.dock,.cabin-air{display:none}.temperature{gap:0;order:1}.temperature>svg{display:none}.climate-controls{order:3;flex-basis:100%;gap:35px}.passenger{order:2}.status-icons .avatar{display:none}.player-controls{gap:6px}.volume{width:60px;margin-left:0}.album{width:48px;height:56px}.track-copy p{font-size:9px}.audio-quality{font-size:7px}.audio-quality span{display:none}.track-info{gap:8px}.track-copy h2{font-size:15px}.track-info>.icon-button{display:none}.music-card,.navigation-card{padding-left:13px;padding-right:13px}.energy-card,.pressure-card{padding-left:16px;padding-right:16px}.mode-card{padding-left:9px;padding-right:9px}.mode-options{gap:2px}.section-head{font-size:12px}}@media(max-width:480px){.workspace{grid-template-columns:1fr}.right-column{grid-row:3;grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-card{grid-column:1/-1}.energy-card{padding-top:16px}.energy-card .section-head{font-size:11px}.energy-card .section-head>svg{width:15px}.range-number{font-size:40px}.range-number>span{font-size:13px}.energy-detail,.energy-footer,.pressure-card .normal-label{font-size:9px}.pressure-grid{gap:26px 42px}.top-car svg{width:40px}.top-car{inset:10px 25% 0}.pressure-grid strong{font-size:20px}.navigation-card{min-height:440px}.music-card{min-height:225px}.track-info>.icon-button{display:flex}.track-copy h2{font-size:18px}.track-copy p{font-size:11px}.album{width:65px;height:65px}.audio-quality{font-size:8px}.player-controls{gap:22px}.volume{width:80px}.drive-stage{height:420px}.brand-mark{width:24px;height:18px}.brand{gap:7px}.status-center{gap:6px}.clock{font-size:18px}.weather{gap:4px}.weather svg{width:17px}.status-icons{margin-left:-6px}.drive-top{font-size:11px}.mode-options button{padding:14px}.setting-row{gap:10px;font-size:13px}.setting-row select{max-width:140px}.settings-modal{padding:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.date,.demo-badge,.route-summary span,.track-copy p,.progress>div,.energy-detail,.energy-footer,.pressure-grid span,.pressure-card>p,.mode-card p,.driving-label,.system-status,.route-source,.map-caption,.range-caption{font-size:12px}.audio-quality,.audio-quality span,.energy-detail small,.energy-footer small{font-size:10px}.stage-label,.destination small{font-size:12px}.right-column{display:grid;grid-template-rows:minmax(0,1.15fr) minmax(0,.9fr) auto}.energy-card,.pressure-card{min-height:0}.taillight-glow{top:42.6%;left:18%;right:18%;height:1.2%}@media(min-width:821px)and (max-height:800px){.cockpit{min-height:700px}.status-bar{height:68px}.climate-bar{height:76px}.workspace{gap:18px;padding-bottom:14px}.right-column{gap:13px}.navigation-card{padding-top:11px;padding-bottom:8px}.music-card{padding-top:11px;padding-bottom:10px}.track-info{padding-top:8px}.progress{padding-top:10px}.album{width:54px;height:54px}.player-controls{margin-top:5px}.energy-card{padding-top:14px}.range-number{font-size:49px;margin-top:8px}.battery-row{margin-top:10px}.energy-detail{margin:13px 0}.energy-footer{padding:10px 0}.pressure-card{padding-top:13px}.pressure-grid{margin-top:11px;gap:12px 74px}.pressure-card>p{margin-top:10px}.mode-card{padding-top:11px;padding-bottom:10px}.mode-options{margin-top:8px}.mode-options button{padding:8px 0;gap:6px}.mode-card p{margin-top:8px}.speed-area{padding-top:15px}.speed strong{font-size:76px}.drive-top{padding-top:13px}.drive-stage .road-scene{top:36%}.vehicle-wrap{width:42%;left:29%}.range-caption{font-size:11px}.route-source{font-size:10px}}@media(max-width:820px){.right-column{grid-template-rows:auto}.energy-card,.pressure-card{min-height:210px}}.energy-card .range-number{margin-top:10px}.energy-card .battery-row{margin-top:14px}.energy-card .energy-detail{margin:14px 0}.energy-card .energy-footer{padding:10px 0}.pressure-grid{margin-top:17px;gap:18px 84px}.pressure-card>p{margin-top:12px}.top-car{top:0}.top-car svg{width:45px;height:90px;transform:none;opacity:.7}.top-car span{padding-top:3px}@media(min-width:821px)and (max-height:800px){.energy-card .range-number{font-size:44px;margin-top:5px}.energy-card .battery-row{margin-top:8px}.energy-card .energy-detail{margin:10px 0}.energy-card .energy-footer{padding:8px 0}.pressure-grid{margin-top:8px;gap:8px 65px}.pressure-card>p{margin-top:8px}.top-car svg{height:66px;width:35px}}@media(max-width:480px){.pressure-grid{gap:26px 42px}.top-car svg{width:35px;height:85px}.energy-card .energy-footer{flex-wrap:wrap}.range-caption{letter-spacing:0}}@media(min-width:821px)and (max-height:800px){.navigation-card .map-wrap{min-height:90px}.pressure-card>p{display:none}}.cockpit .vehicle-wrap{width:28%;max-width:220px;left:36%;bottom:24%;transform:translateY(var(--vehicle-offset,0px));transition:transform 1.2s ease-out}.cockpit .sensor-ring{left:36%;width:28%;bottom:23%}.cockpit .ring-two{left:32%;width:36%;bottom:19%}.gear{gap:2px}.gear button{width:34px;height:30px;border-radius:8px;font-size:13px;color:#9aa4b3;border:1px solid transparent;padding:0}.gear button:hover{background:#ffffffb0;color:#5b6677}.gear button.selected{color:#e25361;background:#f6e3e7;border-color:#efd1d7;box-shadow:0 2px 10px #e3536010}.cockpit .lane-dashes{animation:lanes var(--road-duration,2s) linear infinite;animation-play-state:paused}.cockpit.driving .lane-dashes{animation-play-state:running}.cockpit.reversing .lane-dashes{animation-direction:reverse}.cockpit[data-theme=dark]{--muted:#9ba6b9;--line:#2a3342;--accent:#f06b78;color:#e0e6f0;background:#000;color-scheme:dark}[data-theme=dark] .card{background:var(--hmi-card-surface);border-color:#262626;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] :is(.section-head,.greeting,.date,.drive-top,.stage-label,.driving-label,.speed>span,.range-number>span,.range-caption,.energy-detail>span,.energy-footer,.energy-detail small,.pressure-grid span,.mode-card p,.pressure-card>p,.track-copy p,.progress>div,.route-summary span,.route-source,.map-caption,.drive-tabs button,.ready-message,.distance-marker,.cabin-air,.audio-quality){color:#9daabc}[data-theme=dark] :is(.speed strong,.range-number,.pressure-grid strong,.destination strong,.track-copy h2,.temperature>span,.settings-modal h2){color:#edf2fa}[data-theme=dark] :is(.energy-detail>strong,.energy-footer strong,.battery-row strong,.temperature,.dock .home-button){color:#c2cede}[data-theme=dark] .brand-mark i{background:#dce4ef}[data-theme=dark] .brand-divider{background:#384456}[data-theme=dark] .demo-badge{border-color:#3a4555;color:#a3afc0}[data-theme=dark] .avatar{background:#2c384a;color:#c6d0dd}[data-theme=dark] .icon-button:hover{background:#ffffff0c}[data-theme=dark] .destination-icon,[data-theme=dark] .route-start{background:rgba(var(--accent-rgb),.1);color:var(--accent-text)}[data-theme=dark] .gear button{color:#8291a7}[data-theme=dark] .gear button:hover{background:#263347;color:#dbe5f2}[data-theme=dark] .gear button.selected,[data-theme=dark] .mode-options .selected{color:#ff94a0;background:#492932;border-color:#8c45524d}[data-theme=dark] .mode-options button{color:#a4afc0}[data-theme=dark] .speed-limit{color:#d0d9e6;border-color:#b75565}[data-theme=dark] .system-status,[data-theme=dark] .normal-label{color:#99bdb1}[data-theme=dark] .horizon{background:linear-gradient(#1b233000,#1b2330 35%,#1b233000)}[data-theme=dark] .road{opacity:.45}[data-theme=dark] .vehicle{filter:brightness(.8) contrast(1.08) drop-shadow(0 12px 10px #0008)}[data-theme=dark] .vehicle-shadow{background:#0009}[data-theme=dark] .sensor-ring{border-color:#8d9eaf26}[data-theme=dark] .next-instruction{background:#222d3ee8;border-color:rgba(var(--accent-rgb),.18)}[data-theme=dark] .battery-track{background:#354151}[data-theme=dark] .battery-track>div{background:linear-gradient(90deg,#769da1,#a4c5c2)}[data-theme=dark] .energy-footer,[data-theme=dark] .climate-bar,[data-theme=dark] .dock,[data-theme=dark] .cabin-air{border-color:#303b4c}[data-theme=dark] .energy-spark{color:#789597}[data-theme=dark] .audio-quality span{border-color:#435167}[data-theme=dark] .climate-controls{color:#74859c}[data-theme=dark] .climate-controls>button.active{color:var(--accent-text)!important}[data-theme=dark] .fan-levels i{background:#3b485b}[data-theme=dark] .fan-levels i.on{background:var(--accent)}[data-theme=dark] .climate-off .temperature>span{color:#6c7b90}[data-theme=dark] .map-wrap{background:#1c2634}[data-theme=dark] .map-compass,[data-theme=dark] .map-zoom{background:#243142ed;color:#c9d4e5}[data-theme=dark] .map-error{background:#342b27;color:#eed5c6}[data-theme=dark] .modal-backdrop{background:#02060d99}[data-theme=dark] .settings-modal{background:#192332f5;border-color:#3b475966;box-shadow:0 25px 90px #0008}[data-theme=dark] .setting-row{border-color:#344155}[data-theme=dark] .setting-row select{background:#273447;color:#e0e8f4;border-color:#45546b}[data-theme=dark] .settings-note,[data-theme=dark] .setting-row small{color:#a3b0c4}[data-theme=dark] .destination-menu{background:var(--hmi-card-surface);box-shadow:0 12px 40px #0006}[data-theme=dark] .destination-menu>button{border-color:#344155}[data-theme=dark] .search-field{background:#2c394d}[data-theme=dark] .search-field input{color:#e2eaf5}[data-theme=dark] .toast{background:#d3ddec;color:#182235}@media(max-width:820px){.cockpit .vehicle-wrap{width:28%;max-width:185px;left:36%;bottom:23%}.gear button{height:25px;width:31px}.speed-area{padding-top:8px}.driving-label{margin-top:8px}.cockpit .road-scene{top:33%}}@media(prefers-reduced-motion:reduce){.cockpit .lane-dashes{animation:none!important}.cockpit .vehicle-wrap{transition:none}}.night-environment,.tail-emissive{display:none}.cockpit[data-theme=dark]{background:#000;--accent:#ff566a;color:#e9edf3}[data-theme=dark] .status-bar{position:relative;z-index:5;border-bottom:1px solid #aebfd012}[data-theme=dark] .status-center .clock{color:#f2f3f6}[data-theme=dark] .card{background:var(--hmi-card-surface);border:1px solid #262626;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .drive-stage{isolation:isolate;overflow:hidden;border-radius:16px}[data-theme=dark] .night-environment{display:block;position:absolute;inset:0;z-index:-1;background:url(/night-road.png) center center/cover no-repeat;opacity:.95;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 13%,#000 94%,transparent 100%);filter:grayscale(1) brightness(.65)}[data-theme=dark] .night-environment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#020509c9 0%,#0306098c 23%,#0305090d 45%,transparent 67%,#02040799 100%),linear-gradient(90deg,#03070c70,transparent 12%,transparent 88%,#03070c70)}[data-theme=dark] .drive-top{position:relative;z-index:3;padding-left:14px;padding-right:14px;color:#c1cad7;text-shadow:0 2px 5px #000}[data-theme=dark] .stage-label{letter-spacing:2px;color:#b1bdcb}[data-theme=dark] .system-status{color:#47dca3;font-size:11px}[data-theme=dark] .speed-area{position:relative;z-index:3;padding-top:22px;filter:drop-shadow(0 2px 16px #000)}[data-theme=dark] .speed strong{color:#f8fafc;text-shadow:0 0 35px #d7e8ff12;font-weight:400}[data-theme=dark] .driving-label{color:#d1d8e0;text-shadow:0 1px 8px #000;position:relative}[data-theme=dark] .gear button.selected{color:#ff7a88;background:#d22b431a;border-color:#ff4d6024;box-shadow:inset 0 -2px #fb5668,0 4px 18px #f34b6320;text-shadow:0 0 15px #fd6b7c66}[data-theme=dark] .horizon{display:none}[data-theme=dark] .road{opacity:.8}[data-theme=dark] .road>path:nth-of-type(1),[data-theme=dark] .road>path:nth-of-type(2){fill:none}[data-theme=dark] .road>path:nth-of-type(3){stroke:#9aaabc;stroke-width:2.3;opacity:.22;filter:none}[data-theme=dark] .road>path:nth-of-type(4){stroke:#9aaabc;stroke-opacity:.16;stroke-width:1;filter:none}[data-theme=dark] .vehicle{filter:brightness(.34) contrast(1.24) saturate(.65) drop-shadow(0 13px 7px #000b)}[data-theme=dark] .vehicle-wrap{z-index:4}[data-theme=dark] .vehicle-shadow{background:#000d;filter:blur(9px);bottom:4%;left:-5%;right:-5%;height:18%}[data-theme=dark] .tail-emissive{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#ff543f;stroke-width:.58;stroke-linecap:round;filter:drop-shadow(0 0 2px #ff3629) drop-shadow(0 0 5px #ff26307d);pointer-events:none}[data-theme=dark] .tail-emissive .brake-light{stroke-width:.55;opacity:.25}[data-theme=dark][data-gear=P] .tail-emissive .brake-light{opacity:1}[data-theme=dark] .taillight-glow{background:#ff362661;box-shadow:0 0 20px 6px #ff302d50;z-index:4;opacity:.7}[data-theme=dark] .sensor-ring{border-color:#8d9eaf26;opacity:.45}[data-theme=dark] .distance-marker{color:#c2cbd6;text-shadow:0 1px 6px #000;letter-spacing:2px;top:17%}[data-theme=dark] .distance-marker span{background:#8d9eaf4d}[data-theme=dark] .stage-bottom{padding-bottom:4px}[data-theme=dark] .ready-message{color:#b6c0ce;text-shadow:0 1px 8px #000;letter-spacing:2px}[data-theme=dark] .next-instruction{background:var(--hmi-card-surface);border-color:rgba(var(--accent-rgb),.18);box-shadow:0 5px 25px #0006;-webkit-backdrop-filter:none;backdrop-filter:none}[data-theme=dark] .battery-track{background:#29313c}[data-theme=dark] .battery-track>div{background:linear-gradient(90deg,#0faf79,#2be0a0);box-shadow:0 0 9px #26d99c40}[data-theme=dark] .battery-row strong{color:#bddecf}[data-theme=dark] .normal-label{color:#4acda6}[data-theme=dark] .mode-options .selected{background:linear-gradient(180deg,#ba213018,#ff425d08);border-color:#ff506025;color:#ff7c89;box-shadow:inset 0 -2px #ff4b63,0 8px 20px #c61f3612}[data-theme=dark] .route-start{background:transparent;color:var(--accent-text);box-shadow:none}[data-theme=dark] .play-button{background:var(--accent-solid);box-shadow:none}[data-theme=dark] .map-wrap{box-shadow:inset 0 0 35px #0005}[data-theme=dark] .climate-bar{position:relative;z-index:5;background:#000;border-top:1px solid #262626;box-shadow:none}[data-theme=dark] .climate-bar:after{content:"";position:absolute;height:1px;left:25%;right:25%;bottom:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 -4px 30px 7px rgba(var(--accent-rgb),.14);pointer-events:none}[data-theme=dark] .light-strip{left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.35) 15%,var(--accent) 50%,rgba(var(--accent-rgb),.35) 85%,transparent);box-shadow:0 0 6px rgba(var(--accent-rgb),.7),0 0 35px 6px rgba(var(--accent-rgb),.18)}[data-theme=dark] .settings-modal{background:var(--hmi-card-surface);border-color:#262626}@media(min-width:821px)and (max-height:800px){[data-theme=dark] .speed-area{padding-top:9px}[data-theme=dark] .night-environment{background-position:center 55%}[data-theme=dark] .distance-marker{top:19%}}@media(max-width:820px){[data-theme=dark] .speed-area{padding-top:8px}[data-theme=dark] .night-environment{background-position:center 51%}[data-theme=dark] .distance-marker{top:20%;font-size:10px}}.amap-origin-marker{display:grid;place-items:center;width:32px;height:32px;border:3px solid #fff;border-radius:50%;background:var(--accent-solid);color:#fff;font-size:23px;line-height:26px}.map-loading{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#e8ecef;color:#59677b;font-size:12px}.map-error{display:flex;flex-direction:column;gap:8px;line-height:1.6}.map-error button{align-self:flex-start;padding:6px 12px;border:1px solid currentColor;border-radius:6px}[data-theme=dark] .map-loading{background:#1c2634;color:#c9d4e5}.vehicle-status-bar{--status-info-height:28px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px}.vehicle-status-bar .vehicle-telltales{justify-self:start}.vehicle-status-bar .status-center{justify-self:center;justify-content:center;white-space:nowrap}.vehicle-status-bar .status-icons{justify-self:end}.vehicle-status-bar .clock{font-size:var(--status-info-height);line-height:1;font-variant-numeric:tabular-nums}.vehicle-status-bar .date,.vehicle-status-bar .ambient-temperatures{height:var(--status-info-height);display:flex;flex-direction:column;justify-content:space-between;font-size:11px;line-height:12px;color:inherit}.vehicle-status-bar .date{align-items:center}.ambient-temperatures>span{display:flex;justify-content:space-between;gap:6px;font-variant-numeric:tabular-nums}.vehicle-status-bar .weather{margin-left:0}.vehicle-telltales{display:flex;align-items:center;gap:18px;flex-shrink:0}.header-gears{display:flex;align-items:center;gap:3px}.header-gears button{height:44px;width:35px;font-size:17px;font-weight:600;color:#8d98a6;border-radius:0;position:relative}.header-gears button.selected{color:var(--accent-text);font-size:23px}.header-gears button.selected:after{content:"";position:absolute;height:2px;left:9px;right:9px;bottom:0;background:var(--accent);box-shadow:0 0 9px rgba(var(--accent-rgb),.25)}.header-gears button:hover{color:var(--accent-text)}.ready-indicator{font-size:12px;letter-spacing:1px;color:#279b78}.telltale-divider{width:1px;height:22px;background:#bac5d244}.vehicle-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0;min-width:42px;min-height:48px}.vehicle-indicator svg{height:25px;width:29px}.vehicle-indicator span{font-size:10px;white-space:nowrap}.headlights.off{color:#8a96a5}.headlights.low{color:#21986e}.headlights.high{color:#368cf0}.seatbelt.unfastened{color:#e1495a}.seatbelt.fastened{color:#8b9b9c}.parking-brake{font-size:26px;color:#a3adba44}.parking-brake.engaged{color:#d85964}.vehicle-status-bar .status-icons,.vehicle-status-bar .status-center{gap:13px}.fullscreen-toggle{width:40px;height:40px}.sr-current-gear{font-size:18px;font-weight:600;color:var(--accent-text);width:34px;text-align:center}.navigation-card .route-summary{padding-top:10px}.return-driving{display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;min-height:44px;align-self:center;padding:8px 24px;border-radius:12px;background:#e5e9f0;color:#59677b}.settings-action{padding:10px 17px;border:1px solid #d2dbe6;background:#e8edf5;border-radius:9px;color:#566478;font-size:13px;white-space:nowrap}.settings-modal{width:min(540px,calc(100vw - 44px));min-width:0;max-height:90dvh;overflow:auto}.belt-reminder{color:#e25360!important;letter-spacing:1px!important;font-size:13px!important;gap:7px}.belt-reminder svg{width:21px;height:23px}html:fullscreen .cockpit,html:-webkit-full-screen .cockpit{max-height:none;width:100%;height:100dvh}[data-theme=dark] .header-gears button{color:#657286}[data-theme=dark] .header-gears button.selected{color:var(--accent-text);text-shadow:0 0 18px rgba(var(--accent-rgb),.2)}[data-theme=dark] .ready-indicator,[data-theme=dark] .headlights.low{color:#40d7a2}[data-theme=dark] .headlights.high{color:#65a8ff}[data-theme=dark] .seatbelt.unfastened,[data-theme=dark] .parking-brake.engaged{color:#ff697b}[data-theme=dark] .headlights.off,[data-theme=dark] .seatbelt.fastened{color:#687a88}[data-theme=dark] .vehicle-indicator.seatbelt.unfastened svg{filter:drop-shadow(0 0 5px #ea244b44)}[data-theme=dark] .return-driving,[data-theme=dark] .settings-action{background:#19232f;color:#d0dce9;border-color:#3e4d6155}@media(max-width:1250px)and (min-width:821px){.vehicle-telltales{gap:10px}.header-gears button{width:31px}.vehicle-status-bar .status-icons{gap:9px}.vehicle-status-bar .status-center{gap:8px}.vehicle-status-bar{gap:10px}}@media(max-width:1000px)and (min-width:821px){.vehicle-status-bar .vehicle-indicator span{display:none}.vehicle-status-bar .vehicle-telltales{gap:8px}.vehicle-status-bar .status-icons>svg{display:none}.vehicle-status-bar .fiveg{display:none}.vehicle-status-bar .parking-brake{font-size:22px}}@media(max-width:1100px){.vehicle-status-bar{height:120px;min-height:120px;grid-template-rows:60px 50px;gap:0 12px}.vehicle-status-bar .vehicle-telltales{grid-column:1/-1;grid-row:1;justify-self:stretch;justify-content:space-between}.vehicle-status-bar .status-center{grid-column:2;grid-row:2}.vehicle-status-bar .status-icons{grid-column:3;grid-row:2}}@media(max-width:820px){.vehicle-status-bar{--status-info-height:24px}.vehicle-telltales{gap:8px}.header-gears button{width:31px;height:40px}.vehicle-indicator{min-width:37px}.vehicle-indicator span{font-size:9px}.vehicle-indicator svg{width:24px;height:24px}.ready-indicator{font-size:10px}.vehicle-status-bar .status-icons{justify-content:flex-end;gap:8px}.telltale-divider{display:none}}@media(max-width:600px){.vehicle-status-bar{height:136px;min-height:136px;grid-template-columns:minmax(0,1fr);grid-template-rows:56px 40px 40px}.vehicle-status-bar .status-center{grid-column:1}.vehicle-status-bar .status-icons{grid-column:1;grid-row:3}}@media(max-width:360px){.vehicle-telltales{gap:4px}.header-gears{gap:2px}.header-gears button{width:28px}}.hmi-workspace{isolation:isolate;grid-template-areas:"secondary primary vehicle" "music primary vehicle";grid-template-rows:minmax(300px,1fr) auto}.hmi-workspace>.navigation-card{grid-area:secondary}.hmi-workspace:before,.hmi-workspace:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 16%,rgba(var(--accent-rgb),calc(var(--hmi-light-opacity)*1.5)),transparent 65%),radial-gradient(ellipse at 90% 88%,rgba(var(--accent-rgb),calc(var(--hmi-light-opacity)*.75)),transparent 65%);filter:blur(16px);clip-path:inset(0 round 16px)}[data-theme=dark] .hmi-workspace:before,[data-theme=dark] .hmi-workspace:after{content:none}.hmi-workspace:before{grid-area:secondary}.hmi-workspace:after{grid-area:music}.hmi-workspace>.drive-stage{grid-area:primary;height:auto;min-height:0}.hmi-workspace>.music-card{grid-area:music}.hmi-workspace>.right-column{grid-area:vehicle}.hmi-workspace[data-primary=map]>.navigation-card{grid-area:primary}.hmi-workspace[data-primary=map]:before{grid-area:primary}.hmi-workspace[data-primary=map]>.drive-stage{grid-area:secondary}.hmi-workspace .card{border:0;box-shadow:var(--hmi-card-shine);-webkit-backdrop-filter:var(--hmi-card-backdrop);backdrop-filter:var(--hmi-card-backdrop);background:var(--hmi-card-surface)}.hmi-workspace>.navigation-card{padding:0;min-width:0;min-height:300px;background:var(--hmi-card-surface);border-radius:16px}.maneuver-banner{display:flex;align-items:center;gap:12px;padding:16px;min-height:100px;flex-shrink:0}.maneuver-symbol{color:var(--accent);display:flex;align-items:center}.maneuver-symbol svg{stroke-width:2.4;width:42px;height:48px}.maneuver-copy{flex:1;min-width:0}.maneuver-distance{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;font-variant-numeric:tabular-nums}.maneuver-distance>strong{font-size:28px;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:-1px}.maneuver-distance>span{font-size:12px;color:#657180}.maneuver-road{display:flex;align-items:baseline;gap:6px;margin-top:6px}.maneuver-road>span{font-size:11px;color:#657180;flex-shrink:0}.maneuver-road>strong{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-expand-button{margin-left:auto;align-self:flex-start;width:36px;height:36px;color:#657180}.maneuver-banner .route-message,.maneuver-banner .route-error{flex:1;min-width:0;font-size:13px;line-height:1.6}.maneuver-banner .route-error button{min-height:44px;padding:0 8px}.hmi-workspace .navigation-card .map-wrap{border-radius:0;min-height:100px;background:transparent;box-shadow:none}.hmi-workspace .map.amap-container{background-color:transparent!important}.navigation-footer{padding:6px 16px 10px;flex-shrink:0}.route-actions>.route-source{flex:1;min-width:0;margin:0;font-size:10px;line-height:1.45;letter-spacing:0;color:#657180}.route-source>span,.route-source>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}.locate-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:32px;min-width:32px;padding:4px;color:var(--accent-text)}[data-theme=dark] .route-actions>.route-source{color:#a7b4c6}.route-destination{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0;text-align:left;font-size:13px}.route-destination>span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-destination>svg{color:#788493}.hmi-workspace .route-summary{padding:0;min-height:26px;justify-content:flex-start;gap:10px;flex-wrap:wrap}.hmi-workspace .route-summary strong{font-size:18px;letter-spacing:-.4px}.hmi-workspace .route-summary span{font-size:11px;margin:0;display:block;color:#657180}.route-actions{display:flex;align-items:center;gap:8px;min-height:40px}.hmi-workspace .route-source{flex:1;min-width:0;margin:0 auto 0 0;font-size:10px;line-height:1.4;letter-spacing:0;color:#657180}.route-actions>.icon-button{height:36px;width:40px;border-radius:9px}.cockpit .route-actions>.route-start{flex-shrink:0;width:auto;min-width:64px;height:40px;padding:0 14px;border-radius:10px;background:var(--accent-solid);color:#fff;font-size:13px;font-weight:600}.map-heading-notice{position:absolute;z-index:3;top:44px;left:10px;right:10px;padding:6px 8px;border-radius:6px;background:#fff;color:#526474;font-size:11px;line-height:1.4}[data-theme=dark] .map-heading-notice{background:#111;color:#c9d4e5}.hmi-workspace .destination-menu{top:auto;bottom:12px;max-height:calc(100% - 24px);overflow:auto;background:var(--hmi-overlay-surface)}.hmi-workspace .music-card{padding:16px;min-height:0;border-radius:16px;border:0;background:var(--hmi-card-surface)}.hmi-workspace .track-info{padding-top:0;gap:10px}.hmi-workspace .track-info>.icon-button{display:inline-flex;width:32px;height:40px}.hmi-workspace .progress{padding-top:12px}.hmi-workspace .player-controls{margin-top:8px;gap:12px}.hmi-workspace .player-controls>.icon-button{min-width:36px;min-height:40px}.hmi-workspace .volume{min-width:0;max-width:82px;flex:1;margin-left:0}.hmi-workspace .track-copy p{font-size:11px}.hmi-workspace .right-column{gap:0;grid-template-rows:minmax(0,1.1fr) minmax(0,1fr) auto}.hmi-workspace .energy-card{padding-top:22px}.hmi-workspace .range-number{margin-top:0}.hmi-workspace .pressure-card{border-top:1px solid #6b7b901c;border-bottom:1px solid #6b7b901c;border-radius:0;padding-top:22px}.hmi-workspace .normal-label{justify-content:flex-end}.hmi-workspace .pressure-grid{margin-top:24px}.hmi-workspace .mode-card{padding-top:14px;padding-bottom:14px}.hmi-workspace .mode-options{margin:0}.hmi-workspace .drive-top{justify-content:flex-end}.hmi-workspace .ready-message{letter-spacing:0;padding-bottom:14px;font-size:11px}.view-swap{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 20px;margin:0 auto;border-radius:10px;background:#ffffffa6;color:#59677b;font-size:13px}.view-swap:hover{background:#fff}.hmi-workspace[data-primary=map] .speed-area{gap:12px;padding-top:12px}.hmi-workspace[data-primary=map] .speed{min-width:90px}.hmi-workspace[data-primary=map] .speed strong{font-size:64px;letter-spacing:-4px}.hmi-workspace[data-primary=map] .speed-limit{width:30px;height:30px;border-width:2px;font-size:12px}.hmi-workspace[data-primary=map] .driving-label{margin-top:8px;font-size:10px}.hmi-workspace[data-primary=map] .drive-stage .road-scene{inset:34% -12% 8%}.hmi-workspace[data-primary=map] .drive-stage .distance-marker{display:none}.hmi-workspace[data-primary=map] .drive-stage .stage-bottom{padding:0 4px 2px}.hmi-workspace[data-primary=map] .drive-stage .ready-message{padding-bottom:8px;font-size:10px}.hmi-workspace[data-primary=map] .navigation-card .maneuver-distance>strong{font-size:36px}.hmi-workspace[data-primary=map] .navigation-card .maneuver-road>strong{font-size:20px}.hmi-workspace>.navigation-card.map-expanded{position:absolute;grid-area:auto;z-index:9;inset:0 0 20px;display:flex;background:var(--hmi-card-surface)}.hmi-workspace .return-driving{margin:0 auto 12px}[data-theme=dark] .hmi-workspace>.navigation-card{background:var(--hmi-card-surface)}[data-theme=dark] .hmi-workspace .card{box-shadow:var(--hmi-card-shine)}[data-theme=dark] .maneuver-distance>span,[data-theme=dark] .maneuver-road>span,[data-theme=dark] .map-expand-button,[data-theme=dark] .hmi-workspace .route-summary span,[data-theme=dark] .hmi-workspace .route-source{color:#a7b4c6}[data-theme=dark] .view-swap{background:#18202be6;color:#dce5f0}[data-theme=dark] .view-swap:hover{background:#253142}[data-theme=dark] .hmi-workspace>.navigation-card.map-expanded{background:var(--hmi-card-surface)}@media(min-width:821px)and (max-height:800px){.hmi-workspace{gap:14px}.hmi-workspace .maneuver-banner{min-height:84px;padding:12px;gap:8px}.hmi-workspace .navigation-footer{padding:4px 12px 6px}.hmi-workspace .music-card{padding:12px}.hmi-workspace .energy-card{padding-top:14px}.hmi-workspace .pressure-card{padding-top:16px}.hmi-workspace .pressure-grid{margin-top:14px}}@media(min-width:821px)and (max-width:1100px){.cockpit{min-height:760px}}@media(max-width:820px){.hmi-workspace{grid-template-areas:"primary primary" "secondary vehicle" "music vehicle";grid-template-rows:440px 360px auto}.hmi-workspace>.drive-stage{height:auto}.hmi-workspace .right-column{grid-template-rows:auto auto auto;align-content:space-between}.hmi-workspace .energy-card,.hmi-workspace .pressure-card{min-height:0}.hmi-workspace .maneuver-banner{gap:8px;padding:12px;min-height:96px}.hmi-workspace .maneuver-symbol svg{width:34px}.hmi-workspace .maneuver-distance>strong{font-size:25px}.hmi-workspace .navigation-footer{padding-left:12px;padding-right:12px}.hmi-workspace .music-card{padding:14px 8px}.hmi-workspace .player-controls{gap:8px}.hmi-workspace>.navigation-card.map-expanded{position:fixed;inset:130px 18px 20px}}@media(max-width:600px){.hmi-workspace>.navigation-card.map-expanded{top:146px}}@media(max-width:480px){.hmi-workspace{grid-template-areas:"primary" "secondary" "music" "vehicle";grid-template-rows:420px 380px auto auto}.hmi-workspace .right-column{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-content:normal;gap:12px}.hmi-workspace .energy-card,.hmi-workspace .pressure-card{padding:16px 10px}.hmi-workspace .pressure-card{border-bottom:0}.hmi-workspace .mode-card{grid-column:1/-1;border-top:1px solid #6b7b901c}.hmi-workspace .energy-detail{gap:5px}.hmi-workspace .player-controls{gap:18px}.hmi-workspace .maneuver-symbol svg{width:42px}.climate-controls{gap:clamp(14px,5vw,24px)}}.cockpit{--control-glow:#c9576029;--hmi-card-surface:#f5f6f9;--hmi-overlay-surface:#fffefe;--hmi-card-backdrop:none;--hmi-card-shine:inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff14;--hmi-light-opacity:.06}.cockpit[data-theme=dark]{--control-glow:#ff493c38;--hmi-card-surface:#111;--hmi-overlay-surface:#111;--hmi-card-backdrop:none;--hmi-card-shine:none;--hmi-light-opacity:0}.cockpit[data-card-glass=true] .hmi-workspace{--hmi-card-surface:linear-gradient(145deg,#ffffff99,#ffffff47);--hmi-card-backdrop:blur(14px) saturate(1.15);--hmi-card-shine:inset 0 1px 0 #ffffff8c,inset 0 -1px 0 #ffffff24}.cockpit[data-theme=dark][data-card-glass=true] .hmi-workspace{--hmi-card-surface:linear-gradient(145deg,#232933a8,#13171e80);--hmi-card-shine:inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #ffffff09}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cockpit[data-card-glass=true] .hmi-workspace{--hmi-card-surface:#f5f6f9ed}.cockpit[data-theme=dark][data-card-glass=true] .hmi-workspace{--hmi-card-surface:#111111ed}}@media(prefers-reduced-transparency:reduce){.cockpit[data-theme][data-card-glass=true] .hmi-workspace{--hmi-card-surface:inherit;--hmi-card-backdrop:none;--hmi-card-shine:inherit}}.hmi-workspace :is(.track-copy p,.progress>div,.route-summary span,.route-source){color:#586576}[data-theme=dark] .hmi-workspace :is(.track-copy p,.progress>div,.route-summary span,.route-source){color:#a7b4c6}.cockpit button:where(.icon-button,.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button,.settings-action,.done-button){position:relative;isolation:isolate;box-shadow:none;transition:color .18s ease-out,transform .1s ease-out}.cockpit button:where(.icon-button,.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button,.settings-action,.done-button):before{content:"";position:absolute;inset:12% 8% 0;border-radius:50%;background:radial-gradient(ellipse at 50% 85%,var(--control-glow),transparent 70%);filter:blur(6px);opacity:0;z-index:-1;pointer-events:none;transition:opacity .18s ease-out}.cockpit button:where(.drive-mode-controls>button)[aria-pressed=true]:not(:disabled):before,.cockpit button:where(.climate-controls>button.active,.header-gears>button.selected,.icon-button.active,.play-button):not(:disabled):before{opacity:.55}.cockpit button:is(.icon-button:not(.play-button),.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button){background:transparent;box-shadow:none}.cockpit button.play-button{box-shadow:none}.cockpit .route-start{animation:none}@media(hover:hover){.cockpit button:where(.icon-button,.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button,.settings-action,.done-button):not(:disabled):hover:before{opacity:.7}}.cockpit button:where(.icon-button,.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button,.settings-action,.done-button):not(:disabled):focus-visible:before{opacity:.7}.cockpit button:where(.icon-button,.view-swap,.drive-mode-controls>button,.climate-controls>button,.header-gears>button,.settings-action,.done-button):not(:disabled):active:before{opacity:.9}.cockpit button:disabled{box-shadow:none}.cockpit button:disabled:before{opacity:0}.climate-controls>button{--accent-text:#34404d;--accent:#34404d;--control-glow:transparent;--climate-light-width:20px;--climate-light:none;color:#596371}[data-theme=dark] .climate-controls>button{--accent-text:#fff;--accent:#fff;--control-glow:#ffffff24;--climate-light:radial-gradient(ellipse,#ffffff24 0%,#ffffff0c 40%,transparent 70%);color:#828282}.climate-controls>.climate-auto,.climate-controls>.fan-control{--climate-light-width:30px}.climate-controls>button>:not(.fan-levels){transition:filter .18s ease-out}[data-theme=dark] .climate-controls>button.active>:not(.fan-levels){filter:drop-shadow(0 0 .65px #ffffff38)}.cockpit .climate-controls>button:before{inset:50% auto auto 50%;width:var(--climate-light-width);height:18px;transform:translate(-50%,-50%);background:var(--climate-light);filter:blur(.75px)}.cockpit .climate-controls>button.active:not(:disabled):before{opacity:1}.cockpit .climate-controls>button:not(.active):before,.cockpit .climate-controls>button:disabled:before{opacity:0}.climate-controls .fan-levels i.on{background:currentColor}.climate-bar .temperature>span{flex:0 0 4ch;text-align:center;font-variant-numeric:tabular-nums}.dock-volume{flex:0 0 136px;min-width:0;padding-left:16px;border-left:1px solid #d7dde5}.dock-volume .volume{width:100%;max-width:none;gap:6px;margin:0;color:#526474}.dock-volume .volume>.icon-button{flex:0 0 36px;width:36px;height:40px}.dock-volume .volume>input{flex:1;min-width:0;height:24px;accent-color:var(--accent-solid)}[data-theme=dark] .dock-volume{border-color:#303b4c}[data-theme=dark] .dock-volume .volume{color:#c2cede}@media(min-width:821px)and (max-width:1150px){.dock-volume{flex-basis:104px;padding-left:8px}.dock-volume .volume{gap:2px}}@media(max-width:820px){.dock-volume{order:4;flex:0 0 154px;padding-left:0;border-left:0;margin-left:auto}}.fan-rotor{display:grid;place-items:center;width:23px;height:23px;flex-shrink:0}.fan-rotor>svg{animation:climate-fan-spin 2.4s linear infinite;animation-play-state:paused;transform-origin:center}.fan-rotor[data-animate=true]>svg{animation-play-state:running}@keyframes climate-fan-spin{to{transform:rotate(360deg)}}