@font-face{font-family:Altair;src:url('../assets/fonts/sabliere/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Altair;src:url('../assets/fonts/sabliere/Manrope-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:AltairMark;src:url('../assets/fonts/SpaceGrotesk-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--text:#f0f6ff;--muted:#a9c0dc;--cyan:#00caff;--line:#5e8db13b;--panel:#24415f;--blue:#082d4c}*{box-sizing:border-box}body{margin:0;background:#080f1c;color:var(--text);font-family:Altair,Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #00d5ff;outline-offset:3px}svg{stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.solid{fill:currentColor;stroke:none}strong{font-weight:600}button{border:0;background:none}button:hover{color:#a5f3ff}button:disabled{cursor:default}.review-header{height:80px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7b9fc015;font-size:12px;color:#a3b6cd}.review-header>span:last-child{font-size:9px;letter-spacing:1.4px}.brand-plaque{display:inline-flex;align-items:center;justify-content:center;color:#111c27;background:linear-gradient(145deg,#fff,#dce3e9);border:1px solid #f5f9ff;border-radius:5px;font-family:AltairMark,Arial,sans-serif;font-weight:400;letter-spacing:3px;font-size:20px;padding:8px 16px;box-shadow:0 1px 4px #ffffff15,inset 0 0 0 1px #a9b3be22}main{max-width:1900px;margin:auto;padding:0 4% 35px}.intro{padding:36px 0 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.intro p{font-size:9px;letter-spacing:1.8px;color:#6785a4;margin:0 0 9px}.intro h1{font-size:26px;font-weight:400;letter-spacing:-.9px;margin:0;color:#d4e3f6}.intro>span{font-size:10px;color:#718eab}.screen-scroll{width:100%;overflow:auto;border-radius:16px;box-shadow:0 15px 75px #001f4b30;border:1px solid #5076964d;scrollbar-width:thin;scrollbar-color:#285477 #0d2035;background:#0a1c30}.screen-mount{position:relative;margin:auto;min-width:0}.cockpit-screen{position:relative;width:1600px;height:284px;transform-origin:top left;display:grid;grid-template-columns:472px 72px 400px 656px;background:#0b1b2f;color:#f3f7ff;overflow:hidden;font-family:Altair,Arial,sans-serif;isolation:isolate}.cockpit-screen:focus{outline:none}.driver-display{position:relative;overflow:hidden;border-right:1px solid #00101c;background:radial-gradient(ellipse at 54% 95%,#10406e 0,#0b2846 30%,#07192c 65%,#091321 100%)}.driver-display:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:35px;background:linear-gradient(transparent,#091827);pointer-events:none}.drive-label{position:absolute;left:98px;top:40px;display:flex;flex-direction:column;line-height:1.25;color:var(--cyan)}.drive-label strong{font-size:17px;font-weight:600}.drive-label span{font-size:11px}.speed{position:absolute;left:50%;top:25px;transform:translateX(-50%);text-align:center;width:100px;z-index:3;font-variant-numeric:tabular-nums}.speed strong{display:block;font-size:47px;line-height:1.15;font-weight:600;letter-spacing:-1.6px}.speed>span{font-size:12px;display:block;margin-top:0;color:#dce8f7}.driver-energy{position:absolute;top:111px;left:43px;font-variant-numeric:tabular-nums;z-index:4}.driver-energy>div{display:flex;align-items:center;gap:8px;font-size:16px}.battery-icon{height:13px;width:23px;border:1px solid #06bca9;border-radius:2px;padding:2px;display:inline-block;position:relative}.battery-icon:after{content:'';position:absolute;right:-3px;top:4px;width:2px;height:4px;background:#15efad;border-radius:1px}.battery-icon i{display:block;height:100%;background:#00e5a4;box-shadow:0 0 6px #00e5a455}.driver-energy>i{display:block;width:65px;height:1px;background:#00aeda;margin:6px 0 7px}.driver-energy>strong{font-size:17px;display:block;line-height:1.3}.driver-energy>small{font-size:11px}.road-visual{position:absolute;left:50%;top:102px;transform:translateX(-50%);width:282px;height:159px;perspective:250px}.road-visual>svg:not(.blue-car){display:block;width:100%;height:100%}.road-visual .blue-car{position:absolute;left:99px;top:47px;width:84px;height:64px;filter:drop-shadow(0 7px 3px #001224aa)}.road-visual[data-moving=true] .lane-dashes{animation:lane-flow 1s linear infinite}.road-visual[data-moving=true] .blue-car{animation:car-settle 4s ease-in-out infinite}.adas{position:absolute;left:344px;top:44px;display:flex;flex-direction:column;align-items:flex-start;z-index:4}.adas>strong{font-size:13px;line-height:1.1}.adas>span{color:#00d2e9;font-size:11px;margin:2px 0 20px}.adas button{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.3;white-space:nowrap;padding:0;min-height:24px;color:#e2eefb}.adas button i{display:block;width:7px;height:7px;border-radius:50%;border:2px solid #245f64;background:#204b51;box-shadow:0 0 0 2px #002c38}.adas button i.on{background:#26ffb3;border-color:#04ae7b;box-shadow:0 0 7px #00ff9955}.driver-gear{position:absolute;bottom:12px;left:48px;color:#83b5d0;font-size:11px;border:1px solid #82a9c138;border-radius:3px;padding:1px 6px;z-index:2}.icon-rail{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:14px 0 13px;background:linear-gradient(90deg,#0b192b,#14253c);border-right:1px solid #496e9130;box-shadow:4px 0 14px #00132822;z-index:5}.icon-rail button{display:grid;place-items:center;width:52px;height:36px;padding:8px;position:relative;border-radius:7px;color:#f1f4fe}.icon-rail svg{width:21px;height:21px}.icon-rail button:hover,.icon-rail button[aria-current=page]{background:#25436240}.icon-rail button[aria-current=page]:after{content:'';position:absolute;left:12px;right:12px;bottom:-3px;height:1px;background:#718bac80}.assistant-display{position:relative;min-width:0;background:radial-gradient(ellipse at 35% 37%,#234f854d,transparent 59%),linear-gradient(135deg,#0f223d,#203b5b);padding:0 16px;border-right:1px solid #233e5f;overflow:hidden}.assistant-home{height:204px;position:relative;display:flex;align-items:flex-start}.orb-trigger{position:absolute;left:0;top:26px;padding:0;border-radius:50%;width:140px;height:140px}.ai-orb{position:relative;width:140px;height:140px;filter:drop-shadow(0 0 11px #3b59ffa0) drop-shadow(0 0 17px #2d59f76b);transition:filter .4s}.ai-orb svg{height:100%;width:100%;display:block;overflow:visible;stroke:none;fill:none}.ai-orb:after{content:'';position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 13% 37%,#c1ffff40,transparent 44%);animation:orb-light 7s ease-in-out infinite alternate;pointer-events:none}.orb-ribbon{transform-origin:70px 85px;animation:ribbon-flow 7s ease-in-out infinite alternate}.orb-halo{animation:halo-flow 9s ease-in-out infinite alternate;transform-origin:70px 70px}.greeting{position:absolute;left:153px;right:0;top:30px}.ai-tag{display:flex;gap:7px;align-items:center;font-size:11px;white-space:nowrap}.ai-tag i{width:6px;height:6px;background:#20c8ff;border-radius:50%;box-shadow:0 0 5px #3cd5ff66}.greeting h2{font-size:21px;font-weight:600;letter-spacing:-.4px;line-height:1.3;margin:12px 0 5px}.greeting p{font-size:13px;line-height:1.5;margin:0;max-width:220px;max-height:41px;overflow:auto;color:#f1f5ff}.voice-controls{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:21px;padding-right:63px}.voice-controls>button{width:45px;height:45px;border:1px solid #5d7eab88;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#385a83,#203c60);box-shadow:0 4px 12px #07233b22}.voice-controls svg{width:23px;height:23px}.voice-wave{height:23px;display:flex;gap:3px;align-items:center;color:#00c9ff}.voice-wave i{width:2px;height:3px;background:currentColor;box-shadow:0 0 3px #0cf5;border-radius:2px}.voice-wave i:nth-child(2),.voice-wave i:nth-child(6){height:9px}.voice-wave i:nth-child(3),.voice-wave i:nth-child(5){height:15px}.voice-wave i:nth-child(4){height:22px}.voice-wave.active i{animation:voice-level .65s ease-in-out infinite alternate}.voice-wave i:nth-child(2){animation-delay:.3s!important}.voice-wave i:nth-child(3){animation-delay:.5s!important}.voice-wave i:nth-child(4){animation-delay:.2s!important}.assistant-home[data-state=thinking] .ai-orb,.assistant-home[data-state=listening] .ai-orb,.assistant-home[data-state=speaking] .ai-orb{filter:drop-shadow(0 0 15px #0ff8) drop-shadow(0 0 26px #6573ff8)}.assistant-home[data-state=listening] .orb-ribbon,.assistant-home[data-state=speaking] .orb-ribbon{animation-duration:1.4s}.music-strip{position:absolute;bottom:12px;left:16px;right:16px;height:65px;display:flex;align-items:center;padding:10px 13px;gap:12px;background:linear-gradient(115deg,#1b3a5f,#243d61);border:1px solid #436a925c;border-radius:11px;box-shadow:0 5px 15px #06162f10}.track-art{height:42px;width:42px;flex:0 0 42px;padding:0;border-radius:6px;overflow:hidden}.track-art svg{width:42px;height:42px;stroke:none}.track-name{min-width:0;flex:1;padding:0;text-align:left;display:flex;flex-direction:column;gap:3px}.track-name strong{font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.track-name small{font-size:12px;color:#d2e1f2}.playback{display:flex;align-items:center;gap:10px}.playback button{width:26px;height:30px;padding:4px;display:grid;place-items:center;color:#edf6ff}.playback svg{height:20px;width:20px}.navigation-display{position:relative;background:#0d294a;min-width:0;overflow:hidden}.map-region{height:220px;position:relative;overflow:hidden;cursor:grab;touch-action:none;background:#11314b}.map-region:active{cursor:grabbing}.lakeside-map{height:100%;width:100%;display:block;stroke:none;fill:none}.route-flow{animation:route-flow 3s linear infinite}.route-aura{animation:route-glow 4s ease-in-out infinite alternate}.map-status{position:absolute;top:10px;right:27px;display:flex;align-items:center;gap:13px;font-size:15px;font-weight:600;pointer-events:none}.map-status>svg{height:19px;width:19px;fill:#eef6ff;stroke:#eef6ff;stroke-width:1.4;margin-left:6px}.signal-bars{display:flex;gap:2px;align-items:flex-end;height:13px;margin-left:13px}.signal-bars i{width:3px;height:5px;background:#f1f8ff;border-radius:1px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:11px}.signal-bars i:nth-child(4){height:14px}.turn-card{position:absolute;left:18px;top:27px;width:215px;height:61px;padding:11px 24px;display:flex;gap:16px;align-items:center;text-align:left;color:#fff;background:linear-gradient(120deg,#365d8ada,#284970e8);border:1px solid #7099c555;border-radius:14px;box-shadow:0 5px 15px #05234633;backdrop-filter:blur(10px)}.turn-card>svg{width:37px;height:37px;stroke-width:2.1;flex-shrink:0}.turn-card strong{display:block;font-size:18px;line-height:1.2;letter-spacing:.1px}.turn-card small{font-size:11px;display:block;margin-top:2px}.eta-card{position:absolute;bottom:16px;left:16px;width:228px;height:65px;background:linear-gradient(110deg,#2c5684df,#285375cf);border:1px solid #6b94be44;box-shadow:0 5px 15px #062d4233;border-radius:13px;backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;text-align:left;padding:10px 16px}.eta-card>strong{font-size:14px}.eta-card>span{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:9px;font-weight:600}.eta-card b{font-size:18px;line-height:1;color:#ffec42;margin:0 0 0 3px}.eta-card>span>span{margin-left:4px}.suggestion-card{position:absolute;right:16px;bottom:16px;width:233px;height:67px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(120deg,#386485e8,#225a7dd9);border:1px solid #7093bb44;border-radius:14px;padding:11px 14px;backdrop-filter:blur(8px);text-align:left}.suggestion-card strong{font-size:14px;display:block;line-height:1.2;white-space:nowrap}.suggestion-card small{font-size:10px;line-height:1.4;display:block;margin-top:5px;white-space:nowrap}.suggestion-card svg{width:22px;height:22px;flex-shrink:0}.climate-strip{position:absolute;left:16px;right:13px;bottom:12px;height:53px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #5f86b24d;border-radius:13px;background:linear-gradient(100deg,#2b4d79,#213b5c);padding:6px 15px;box-shadow:0 2px 9px #09224233}.temperature{display:flex;align-items:center;gap:4px;font-variant-numeric:tabular-nums}.temperature strong{font-size:20px;font-weight:600;white-space:nowrap}.temperature button{width:23px;height:32px;padding:0;font-size:22px;line-height:1}.climate-functions{display:flex;align-items:center;justify-content:space-around;flex:1;border-left:1px solid #7396b52e;border-right:1px solid #7396b52e;height:29px;margin:0 10px;gap:8px;padding:0 10px}.climate-functions button{width:36px;height:44px;display:grid;place-items:center;position:relative;padding:7px}.climate-functions svg{height:23px;width:23px}.climate-functions [aria-pressed=true]{color:#06d7fa}.climate-functions button[aria-pressed=true]:after{content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:#00caff;border-radius:2px;box-shadow:0 0 7px #00caff77}.climate-functions button.active svg{animation:fan-turn 8s linear infinite}.app-panel{position:absolute;top:16px;left:16px;right:16px;bottom:89px;background:linear-gradient(120deg,#142d4c,#1e3c5e);border:1px solid #6b90b13f;border-radius:11px;padding:15px 18px;overflow:auto;color:#eff6ff}.app-panel h2{font-size:22px;font-weight:600;letter-spacing:-.4px;margin:0 25px 5px 0}.app-panel h2>span{font-size:12px;font-weight:400;color:#adc4df;margin-left:5px}.app-panel>p{font-size:11px;color:#b8cee5;margin:0 0 12px}.app-panel>small{display:block;font-size:9px;color:#a4bedb;line-height:1.5;margin-top:10px}.close-panel{position:absolute;right:7px;top:7px;width:27px;height:27px;display:grid;place-items:center;padding:5px;color:#c7def5;background:#3e63814a;border-radius:6px}.close-panel svg{width:16px;height:16px}.track-list{display:flex;flex-direction:column;gap:3px}.track-list button{min-height:29px;display:flex;align-items:center;gap:10px;padding:5px 7px;text-align:left;border-radius:5px;color:#d8e7f9;font-size:10px}.track-list button strong{font-size:11px;min-width:100px}.track-list button span{font-size:9px;color:#8db0d3}.track-list button[aria-pressed=true]{background:#294f73}.track-list button svg{margin-left:auto;width:13px;height:13px}.track-list button i{width:5px;height:5px;border-radius:50%;background:#03c9ff;margin-left:auto}.panel-action{background:#2d6590;border:1px solid #468eb044;border-radius:7px;font-size:11px;min-height:31px;padding:6px 12px}.energy-bar{height:7px;background:#142940;border-radius:5px;overflow:hidden;margin:10px 0}.energy-bar i{display:block;height:100%;background:linear-gradient(90deg,#00a8f7,#3ce6ff)}.vehicle-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vehicle-actions button{border:1px solid #517b9b66;border-radius:7px;background:#2a4c6d;padding:8px;font-size:11px;min-height:31px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;font-size:10px;border-bottom:1px solid #4e7c9c22}.setting-row button{min-height:25px;border-radius:5px;background:#294d70;padding:3px 10px;font-size:10px}.setting-row>span:last-child{font-size:8px;color:#94b4d3}.route-approval,.voice-options{position:absolute;inset:15px 15px 88px;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #4ba1d786;background:linear-gradient(130deg,#163555f5,#244667f5);border-radius:11px;backdrop-filter:blur(16px);padding:20px;text-align:center}.route-approval>strong,.voice-options>strong{font-size:20px}.route-approval>span{font-size:12px;color:#bfd7ee}.route-approval>div{display:flex;gap:8px}.route-approval button{min-height:32px;border:1px solid #75a5c94d;border-radius:6px;padding:6px 13px;background:#294d6a;color:#dfefff;font-size:11px}.route-approval [data-action=accept-route]{background:#1c91c1;color:white;border-color:#34ccf3}.voice-options{gap:7px}.voice-options>strong{font-size:17px;margin-bottom:5px}.voice-options>button:not(.close-voice){width:100%;min-height:29px;padding:5px;border:1px solid #507da26b;border-radius:6px;background:#254d72;font-size:10px}.close-voice{position:absolute;right:6px;top:6px;height:24px;width:24px;display:grid;place-items:center;padding:4px}.close-voice svg{width:15px;height:15px}.review-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:23px 0}.review-toolbar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.review-toolbar button{min-height:38px;border:1px solid #48638166;border-radius:6px;background:#13243a;color:#a6c0db;font-size:11px;padding:8px 13px}.review-toolbar button[aria-pressed=true]{color:#44daff;border-color:#16a5d77a;background:#123b51}.drive-review>span{font-size:10px;color:#5f7e9b;margin-right:7px}.review-note{max-width:1080px;margin:0;font-size:9px;color:#597b99;line-height:1.8}.boot{position:absolute;inset:0;background:radial-gradient(ellipse at center,#183b63,#07172a 65%);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden}.boot[hidden]{display:none}.boot-wheel{position:absolute;left:50%;top:50%;width:225px;height:225px;transform:translate(-50%,-58%);stroke:#5c7d9e55;stroke-width:5}.boot-wheel>path{stroke-width:6;stroke:#45637f55}.boot-wheel .boot-ring{stroke:#3ad7ff;stroke-width:2;stroke-dasharray:145 350;transform-origin:center;animation:wheel-load 1.4s ease-in-out infinite;filter:drop-shadow(0 0 5px #18caff)}.boot .brand-plaque{position:relative;z-index:1;font-size:22px;letter-spacing:4px;padding:10px 20px;margin-top:-5px;animation:brand-load 1.4s ease both}.boot>small{position:absolute;bottom:28px;color:#88b5d4;font-size:10px;letter-spacing:.1em}.boot-progress{height:2px;width:110px;background:#29465e;position:absolute;bottom:17px;overflow:hidden}.boot-progress i{display:block;height:100%;width:100%;background:#2bdbff;transform-origin:left;animation:boot-progress 2.3s ease both}.entry-shade{position:fixed;inset:0;background:#071122b8;backdrop-filter:blur(13px);z-index:100;display:grid;place-items:center;padding:20px}.entry-shade[hidden]{display:none}.entry-shade section{width:min(410px,100%);padding:32px 40px;border:1px solid #6a9fc04d;border-radius:22px;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 45% 30%,#1e3f69,#10243e 70%);box-shadow:0 25px 100px #0006;text-align:center}.entry-shade .brand-plaque{font-size:20px}.entry-orb{margin:30px 0 18px;height:75px;width:75px;border-radius:50%;background:radial-gradient(circle at 25% 40%,#bdffff,#229fff 22%,#144dd8 48%,#6743ef 71%,#c7aaff 94%);border:1px solid #a0caff;box-shadow:0 0 20px #4c56ff88,inset 2px 2px 9px #c1eeff77;animation:entry-orb 5s ease-in-out infinite alternate}.entry-shade h2{font-size:29px;letter-spacing:-.8px;font-weight:400;margin:0 0 10px}.entry-shade p{font-size:12px;color:#acc6e1;margin:0 0 25px}.entry-shade .primary{width:100%;min-height:43px;border:1px solid #38baf085;background:linear-gradient(120deg,#1177b2,#24598f);border-radius:8px;color:white;font-size:12px}.entry-shade label{display:flex;gap:8px;align-items:center;font-size:10px;color:#9bb9d6;margin:19px 0 15px}.entry-shade small{font-size:9px;color:#6b93b8}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#153957f2;border:1px solid #6a9db16b;backdrop-filter:blur(10px);color:#d4eeff;border-radius:8px;padding:14px 20px;max-width:min(600px,90vw);font-size:12px;z-index:120;box-shadow:0 7px 22px #00121f66}.toast[hidden]{display:none}
@keyframes lane-flow{to{stroke-dashoffset:-24}}@keyframes car-settle{50%{transform:translateY(1px)}}@keyframes ribbon-flow{to{transform:translateY(-3px) rotate(-8deg)}}@keyframes halo-flow{to{transform:rotate(12deg) scale(.97)}}@keyframes orb-light{to{opacity:.45;transform:rotate(30deg)}}@keyframes voice-level{to{height:4px;opacity:.65}}@keyframes route-flow{to{stroke-dashoffset:-37}}@keyframes route-glow{to{opacity:.45}}@keyframes fan-turn{to{transform:rotate(360deg)}}@keyframes wheel-load{to{transform:rotate(360deg)}}@keyframes brand-load{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes boot-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes entry-orb{to{filter:hue-rotate(20deg);transform:scale(1.04)}}
@media(max-width:760px){.review-header{padding:0 20px;height:65px}.review-header>span:last-child{display:none}.brand-plaque{font-size:18px}main{padding:0 14px 25px}.intro{padding:25px 2px 20px;display:block}.intro h1{font-size:23px;line-height:1.25}.intro>span{display:block;margin-top:12px;font-size:9px}.screen-scroll{border-radius:9px}.screen-mount{min-width:900px}.review-toolbar{display:block;padding-top:18px}.review-toolbar>div{gap:6px;margin-bottom:15px}.review-toolbar button{font-size:10px;min-height:38px;padding:8px 11px}.drive-review>span{font-size:9px}.review-note{font-size:9px}.entry-shade section{padding:30px 25px}.entry-shade h2{font-size:27px}.boot .brand-plaque{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
/* Reuse only the user's orb pixels; vector ribbons retain the fluid response. */
.ai-orb{background:url('../assets/images/altair/lakeside-reference-v15.png') -947.4px -311.4px/2312.4px 990.9px no-repeat;border-radius:50%}.ai-orb svg{opacity:.16}.ai-orb:after{inset:7%;background:radial-gradient(circle at 8% 40%,#a6ffff50,transparent 45%)}.speed strong{font-size:45px}.road-visual{width:244px;height:127px;top:104px}.road-visual>svg:not(.blue-car)>path:first-of-type{stroke:none}.road-visual .blue-car{left:88px;top:33px;width:68px;height:58px;stroke:none}
/* MEAVEN prototype layout study: existing palette and components, two focused zones. */
.meaven-wordmark{display:block;width:124px;height:24px;fill:#050505;stroke:none;mix-blend-mode:multiply}.brand-plaque{padding:9px 15px;letter-spacing:0}.boot .brand-plaque .meaven-wordmark{width:145px;height:26px}
.cockpit-screen{grid-template-columns:650px 72px 878px}.driver-display{background:radial-gradient(ellipse at 72% 65%,#10406e 0,#0b2846 32%,#07192c 68%,#091321 100%)}.driver-display:after{display:none}.drive-label{left:36px;top:23px}.drive-label strong{font-size:15px}.drive-label span{font-size:10px}.speed{left:153px;top:61px;width:120px}.speed strong{font-size:64px;letter-spacing:-2px;font-weight:400;line-height:1.05}.speed>span{font-size:12px;margin-top:5px}.speed-contours{position:absolute;left:31px;top:63px;width:274px;height:143px;pointer-events:none;mask-image:linear-gradient(90deg,#000,transparent)}.speed-contours svg{width:100%;height:100%;fill:none;stroke:#23b6eb;stroke-opacity:.25;stroke-width:.7}.gear-selector{position:absolute;left:99px;top:151px;display:flex;gap:19px;align-items:center;font-size:14px;color:#6c87a5}.gear-selector .selected{color:#abf3ff;text-shadow:0 0 10px #24a5fa;font-size:18px;font-weight:600}.driver-arrival{position:absolute;right:24px;top:17px;display:flex;gap:12px;align-items:center;padding:7px 13px;background:#25456580;border:1px solid #54789c30;border-radius:18px;font-size:11px;color:#c5d8ed}.driver-arrival span{border-left:1px solid #627d984d;padding-left:12px}.driver-turn{position:absolute;left:343px;top:63px;display:flex;align-items:center;gap:13px;text-align:left;padding:0;color:#e6f5ff;z-index:4}.driver-turn>svg{width:32px;height:32px;stroke-width:1.9}.driver-turn strong{font-size:31px;font-weight:400;line-height:1.1}.driver-turn strong small{font-size:13px}.driver-turn>span>span{display:block;font-size:11px;color:#b2cce5;margin-top:6px}.road-visual{left:456px;top:121px;width:242px;height:94px;transform:translateX(-50%);mask-image:linear-gradient(#000 72%,transparent)}.road-visual .blue-car{left:86px;top:23px;width:72px;height:58px}.driver-energy{left:35px;top:210px}.driver-energy>div{font-size:14px;gap:7px}.driver-energy>strong{font-size:14px;display:inline}.driver-energy>small{font-size:9px;display:inline;margin-left:5px}.driver-energy>i{width:77px;margin:5px 0}.assistant-display{position:absolute;left:174px;right:22px;bottom:14px;height:59px;padding:0;background:linear-gradient(115deg,#1b3a5f,#243d61);border:1px solid #436a925c;border-radius:11px;overflow:hidden;z-index:6}.assistant-home{height:100%;display:flex;align-items:center;padding:6px 12px;gap:11px}.compact-orb{width:44px;height:44px;flex:0 0 44px;position:relative}.compact-orb .ai-orb{transform:scale(.3142857);transform-origin:top left}.greeting{position:static;flex:1;min-width:0}.ai-tag{font-size:10px;gap:5px;color:#e7f3ff}.ai-tag i{width:5px;height:5px}.greeting p{font-size:11px;line-height:1.35;margin-top:4px;max-width:230px;max-height:30px;color:#b9d0e9}.voice-controls{margin:0;padding:0;gap:11px}.voice-controls>button{width:38px;height:38px}.voice-controls svg{width:20px;height:20px}.voice-wave{transform:scale(.8)}.map-region{height:208px}.map-status{top:12px}.turn-card{top:22px;left:22px}.eta-card{bottom:15px;left:22px}.suggestion-card{right:22px;bottom:15px}.map-bottom{position:absolute;bottom:13px;left:20px;right:20px;display:grid;grid-template-columns:307px 1fr;gap:13px;height:53px}.music-strip{position:relative;inset:auto;height:53px;padding:7px 9px;gap:8px;border-radius:11px}.track-art,.track-art svg{width:34px;height:34px}.track-art{flex-basis:34px}.track-name strong{font-size:13px;max-width:90px}.track-name small{font-size:10px}.playback{gap:5px}.playback button{width:25px;height:32px}.playback svg{width:17px;height:17px}.climate-strip{position:relative;inset:auto;height:53px;padding:6px 10px;gap:4px}.temperature strong{font-size:17px}.temperature{gap:2px}.temperature button{width:23px}.climate-functions{margin:0 4px;padding:0 5px;gap:4px}.climate-functions button{width:30px}.climate-functions svg{width:21px;height:21px}.navigation-display>.app-panel{z-index:12;left:22px;right:22px;top:18px;bottom:88px;padding:18px 25px;backdrop-filter:blur(12px);background:linear-gradient(120deg,#142d4cf5,#1e3c5ef5)}.track-list button{min-height:31px;font-size:12px}.route-approval,.voice-options{left:192px;right:24px;top:55px;bottom:81px;z-index:20}.route-approval>strong{font-size:19px}.route-approval>span{font-size:11px}.voice-options>strong{font-size:15px}.icon-rail{padding:14px 0}.map-region:focus-visible{outline:2px solid #00caff;outline-offset:-3px}
/* Driver recap and entry sequence, revision 17. */
.brand-plaque,.boot .brand-plaque{background:none;border:0;box-shadow:none;border-radius:0;padding:0;color:white}.meaven-wordmark{width:160px;height:25px;mix-blend-mode:normal}.entry-shade .meaven-wordmark{width:180px;height:28px}.driver-arrival{gap:12px}.driver-arrival strong,.driver-arrival>span{display:flex;align-items:center;gap:5px;font-size:11px}.driver-arrival svg{width:13px;height:13px;stroke:#a6cbe3;stroke-width:1.6}.driver-turn{left:326px;top:62px;width:260px;padding:0;display:flex;flex-direction:column;justify-content:center;gap:5px;text-align:center}.driver-turn .turn-distance{display:flex;align-items:center;justify-content:center;gap:9px}.driver-turn .turn-distance svg{width:24px;height:24px;stroke-width:2.4}.driver-turn .turn-distance strong{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.driver-turn .turn-distance small{font-size:11px;font-weight:600}.driver-turn .turn-street{display:block;font-size:11px;color:#bfd8ec;margin:0}.road-visual{top:119px;height:98px;mask-image:linear-gradient(#000 78%,transparent)}.nearby-car{position:absolute;width:26px;height:36px;background:linear-gradient(#41607390,#7ca3b375,#294556aa);border:1px solid #9ac6d15c;border-radius:8px 8px 5px 5px;box-shadow:0 3px 8px #0007;transform:perspective(100px) rotateX(-12deg);z-index:2}.nearby-car:before{content:'';position:absolute;left:4px;right:4px;top:5px;height:11px;background:#102c42a8;border-radius:5px 5px 1px 1px;border-bottom:1px solid #8dbecc4d}.nearby-car:after{content:'';position:absolute;left:3px;right:3px;bottom:6px;height:2px;background:#6f9db780;border-radius:2px}.traffic-left{left:45px;top:16px;transform:scale(.68);opacity:.55}.traffic-right{right:31px;top:42px;transform:scale(.9);opacity:.7}.road-visual[data-moving=true] .traffic-left{animation:traffic-drift 7s ease-in-out infinite alternate}.road-visual[data-moving=true] .traffic-right{animation:traffic-drift 9s 1s ease-in-out infinite alternate}.vehicle-scan{position:absolute;left:78px;top:57px;width:89px;height:25px;border:1px solid #18cfff70;border-radius:50%;transform:rotateX(50deg);box-shadow:0 0 12px #00b7ff22;pointer-events:none}.speed{--speed-progress:0}.speed:before{content:'';position:absolute;left:-21px;top:0;width:3px;height:64px;background:#22435e;border-radius:4px}.speed:after{content:'';position:absolute;left:-21px;bottom:18px;width:3px;height:64px;background:linear-gradient(#99edff,#00a9ed);border-radius:4px;transform-origin:bottom;transform:scaleY(var(--speed-progress));box-shadow:0 0 10px #1bc8ff66;transition:transform .12s linear}.assistant-display{left:174px;right:77px;height:53px;bottom:16px}.assistant-home{padding:5px 10px;gap:9px}.compact-orb{width:39px;height:39px;flex-basis:39px}.compact-orb .ai-orb{transform:scale(.27857)}.greeting p{font-size:10px;max-width:210px}.voice-controls{gap:7px}.voice-controls>button{width:34px;height:34px}.voice-wave{transform:scale(.7);width:20px}.greeting{overflow:hidden}.startup-name{position:absolute;left:50%;top:14%;transform:translateX(-50%);color:#fff;font-family:AltairMark,Arial,sans-serif;font-size:17px;letter-spacing:3px;opacity:.9}.startup-car{position:absolute;width:6.5%;aspect-ratio:52/46;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 12px 18px #00baff44);z-index:3}.startup-car .blue-car{width:100%;height:100%;stroke:none}.startup-road{position:absolute;inset:20% 18% 0;background:repeating-linear-gradient(0deg,transparent 0 35px,#1f9cdc38 36px 38px,transparent 40px 65px);clip-path:polygon(47% 0,53% 0,84% 100%,16% 100%);transform:perspective(230px) rotateX(12deg);opacity:.6}.boot{background:radial-gradient(ellipse at 50% 65%,#113252,#071524 70%);pointer-events:none}.boot-enter{animation:startup-fade 2.4s linear both}.boot-enter .startup-car{animation:car-arrive 2.4s cubic-bezier(.3,.05,.2,1) both}.boot-enter .startup-road{animation:startup-road .65s linear infinite}.boot-enter .startup-name{animation:startup-title 2.4s ease both}.boot>small{bottom:8%;font-size:10px;letter-spacing:1px}.cockpit-screen.starting>.driver-display>*:not(.road-visual){opacity:0}.cockpit-screen.starting>.icon-rail,.cockpit-screen.starting>.navigation-display{opacity:0}.driver-display,.icon-rail,.navigation-display{transition:opacity .65s ease}.boot-enter .startup-car .blue-car{animation:none}.map-region .lakeside-map{stroke:none}
@keyframes car-arrive{0%{left:54%;top:120%;opacity:0;transform:translate(-50%,-50%) scale(1.8)}25%{left:54%;top:53%;opacity:1;transform:translate(-50%,-50%) scale(1.35)}52%{left:54%;top:53%;transform:translate(-50%,-50%) scale(1.35)}100%{left:28.5%;top:61%;opacity:1;transform:translate(-50%,-50%) scale(.6923)}}@keyframes startup-fade{0%,62%{background-color:#071524;opacity:1}100%{background:transparent;opacity:1}}@keyframes startup-road{to{background-position:0 65px}}@keyframes startup-title{0%{opacity:0}20%,60%{opacity:1}85%,100%{opacity:0}}@keyframes traffic-drift{to{translate:0 5px;opacity:.45}}
@media(prefers-reduced-motion:reduce){.boot-enter,.boot-enter *{animation:none!important}.startup-car{left:28.5%;top:61%;transform:translate(-50%,-50%) scale(.6923)}.speed:after{transition:none}.driver-display,.icon-rail,.navigation-display{transition:none}}
.boot{background:none}.boot:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 65%,#113252,#071524 70%)}.boot-enter{animation:none}.boot-enter:before{animation:startup-backdrop 2.4s ease both}.startup-name .meaven-wordmark{width:145px;height:23px}.cockpit-screen.starting .road-visual{opacity:0}.driver-display>*{transition:opacity .65s ease}@keyframes startup-backdrop{0%,66%{opacity:1}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.boot-enter:before{animation:none!important}.driver-display>*{transition:none}}
/* Finite traffic pass and a subtle powertrain pulse, revision 18. */
.assistant-display{left:280px;right:auto;width:352px}.map-bottom{left:12px;grid-template-columns:334px 1fr}.music-strip{padding-right:10px}.track-name strong{max-width:110px}.speed:before,.speed:after{display:none}.speed-contours{mask-image:none;left:31px;top:63px}.speed-contours svg{overflow:visible;stroke:#b6cadd;stroke-opacity:.14}.speed-contours svg path{transform-origin:20% 80%}.driver-display[data-speed]:not([data-speed="0"]) .speed-contours svg path{animation:engine-wave var(--engine-period,2.3s) ease-in-out infinite;animation-delay:var(--wave-delay,0s)}.speed-contours svg .speed-load{stroke:#3ad4ff;stroke-width:1.7;stroke-opacity:.9;stroke-dasharray:0 100;filter:drop-shadow(0 0 3px #00bbff55);transition:stroke-dasharray .18s linear;animation:none!important}.traffic-vehicle{position:absolute;left:0;top:0;width:48px;height:42px;z-index:2;opacity:0;pointer-events:none;animation:traffic-pass var(--traffic-duration) linear both;animation-delay:var(--traffic-delay);transform-origin:center}.traffic-vehicle.left{--start-x:87px;--end-x:-18px;--start-y:-8px;--end-y:87px}.traffic-vehicle.right{--start-x:130px;--end-x:217px;--start-y:-8px;--end-y:87px}.traffic-vehicle.bus{height:65px;width:46px;--start-y:-28px;--end-y:83px}.traffic-vehicle .traffic-model{width:100%;height:100%;display:block;stroke:none;filter:grayscale(.9) brightness(1.35) drop-shadow(0 4px 3px #001322aa)}.traffic-vehicle.bus .traffic-model{filter:drop-shadow(0 4px 3px #001322aa)}.road-visual[data-moving=false] .traffic-vehicle{display:none}.road-visual .blue-car{z-index:3}.vehicle-scan{z-index:4}.map-building{pointer-events:none}
@keyframes traffic-pass{0%{opacity:0;transform:translate(var(--start-x),var(--start-y)) scale(.25)}12%{opacity:.5}65%{opacity:.8}90%{opacity:.65}100%{opacity:0;transform:translate(var(--end-x),var(--end-y)) scale(.9)}}@keyframes engine-wave{0%,100%{transform:translateX(0) scaleY(1);stroke-opacity:.12}35%{transform:translateX(1px) scaleY(.975);stroke-opacity:.23}70%{transform:translateX(-.6px) scaleY(1.017);stroke-opacity:.16}}
@media(prefers-reduced-motion:reduce){.traffic-vehicle{display:none}.speed-contours svg path{animation:none!important}.speed-contours svg .speed-load{transition:none}}
/* Original MEAVEN lettering and logo-only startup, revision 19. */
.meaven-wordmark{display:block;width:160px;height:26px;object-fit:contain;mix-blend-mode:normal}.startup-name{top:50%;transform:translate(-50%,-50%);opacity:1}.startup-name .meaven-wordmark{width:205px;height:34px}.boot-enter .startup-name{animation:logo-reveal 2.4s cubic-bezier(.2,.6,.2,1) both}.logo-loading-line{position:absolute;left:44%;right:44%;top:69%;height:1px;background:#1f435d;overflow:hidden}.logo-loading-line:after{content:'';display:block;height:100%;width:100%;background:linear-gradient(90deg,transparent,#79daff,transparent);animation:logo-line 2.2s ease both;transform-origin:left}.boot>small{bottom:15%;font-size:9px;color:#84a5c2;letter-spacing:1.8px}.speed-contours{left:6px;top:52px;width:282px;height:160px;mask-image:none}.speed-contours svg{width:100%;height:100%;stroke:none;fill:none}.speed-contours svg .contour-base{stroke:#a5bbcf;stroke-opacity:.09;stroke-width:.6;animation:none!important}.speed-contours svg .speed-stream{stroke:#42c5ef;stroke-opacity:.27;stroke-width:.9;stroke-dasharray:18 82;stroke-dashoffset:18;animation:none!important;filter:drop-shadow(0 0 2px #27c3fc22)}.driver-display[data-speed]:not([data-speed="0"]) .speed-contours svg .speed-stream{animation:speed-stream-up 3.4s linear infinite!important;animation-delay:var(--stream-delay)!important}.driver-display[data-speed="0"] .speed-stream{opacity:0}.map-status{right:18px;top:8px;padding:5px 10px;border-radius:8px;background:#0a2139b8;border:1px solid #698da029;backdrop-filter:blur(8px);font-size:14px}
@keyframes speed-stream-up{from{stroke-dashoffset:18}to{stroke-dashoffset:-100}}@keyframes logo-reveal{0%{opacity:0;filter:blur(5px);transform:translate(-50%,-50%) scale(.94)}30%,78%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}100%{opacity:0;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}@keyframes logo-line{from{transform:scaleX(0);opacity:0}30%{opacity:1}to{transform:scaleX(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.boot-enter .startup-name{animation:none!important;opacity:1}.logo-loading-line:after,.driver-display[data-speed] .speed-contours svg .speed-stream{animation:none!important}}
/* Dedicated application pages replace the map, keeping the driver and cabin controls persistent. */
.application-screen{height:208px;padding:15px 22px 11px;background:radial-gradient(ellipse at 72% 90%,#10406e 0,#0b2846 35%,#07192c 80%);overflow:auto;animation:application-enter .32s ease both}.application-header{display:flex;align-items:center;justify-content:space-between;height:34px;margin-bottom:10px}.application-header>div{display:flex;align-items:baseline;gap:15px}.application-header h2{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.4px;font-weight:600;margin:0}.application-header h2 svg{width:25px;height:25px;align-self:center}.application-header>div>span{font-size:10px;color:#82a5c5}.back-map{display:flex;align-items:center;gap:6px;border:1px solid #54799355;border-radius:7px;padding:5px 10px;color:#bad7eb;font-size:10px;min-height:29px}.back-map svg{width:12px;height:12px;transform:rotate(180deg)}.settings-tabs{display:flex;gap:7px;margin-bottom:10px}.settings-tabs button{font-size:10px;color:#8eafcd;min-height:26px;padding:4px 13px;border-radius:6px;border:1px solid #43647c4d}.settings-tabs button[aria-pressed=true]{color:#a4eaff;background:#1c4a6880;border-color:#58c8f866}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.control-card{border:1px solid #5481a045;border-radius:10px;padding:12px 13px;min-height:98px;background:linear-gradient(130deg,#163451a8,#193a5a80);display:flex;flex-direction:column;align-items:flex-start;gap:7px;position:relative;text-align:left;transition:background .2s,border-color .2s}.control-card:hover{background:#244d6b;border-color:#7dc9e577}.control-card[aria-pressed=true]{border-color:#4f96b866}.card-top{display:flex;align-items:center;gap:7px;width:100%;font-size:10px;color:#a1c2dc;white-space:nowrap}.card-top>svg{width:17px;height:17px;flex-shrink:0}.card-top>i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#536c7d}.card-top>i.on{background:#3dd9ba;box-shadow:0 0 6px #18dba844}.control-card>strong{font-size:17px;font-weight:600;color:#eef6ff}.control-card>small{font-size:9px;color:#82a7c5;line-height:1.3}.energy-layout{display:grid;grid-template-columns:254px 1fr;gap:20px}.battery-feature{display:flex;align-items:center;gap:16px;min-height:128px;border:1px solid #4f81a44a;border-radius:11px;padding:12px 15px;background:#1737545e}.battery-ring{height:103px;width:103px;flex:0 0 103px;border-radius:50%;background:conic-gradient(#22d5c1 var(--charge),#183b50 0);position:relative;display:grid;place-items:center;box-shadow:0 0 18px #00ddbb0c}.battery-ring:before{content:'';position:absolute;inset:5px;border-radius:50%;background:#0c2439}.battery-ring>strong{position:relative;font-size:31px;font-weight:400;font-variant-numeric:tabular-nums}.battery-ring small{font-size:13px;margin-left:2px}.battery-feature>div:last-child{display:flex;flex-direction:column;gap:8px}.battery-feature>div>span{font-size:9px;color:#8aafc8}.battery-feature>div>strong{font-size:20px;white-space:nowrap}.battery-feature>div>small{font-size:9px;color:#779fba}.energy-detail{min-width:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.kpi-grid article{border:1px solid #456f8e44;background:#15314c70;padding:12px 10px;border-radius:9px;display:flex;flex-direction:column;gap:10px}.kpi-grid small{font-size:9px;color:#96b6ce;white-space:nowrap}.kpi-grid strong{font-size:21px;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi-grid strong span{font-size:8px;color:#90b4cf}.charge-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.charge-controls>div{display:flex;align-items:center;gap:4px}.charge-controls>div>span{font-size:9px;color:#91b2cd;margin-right:4px}.charge-controls>div>button{border:1px solid #45688180;border-radius:5px;padding:5px 7px;font-size:9px;min-height:26px}.charge-controls [aria-pressed=true]{background:#24516b;color:#63e8e0;border-color:#51bcbb}.screen-primary{background:#19577b;border:1px solid #55accf55;border-radius:7px;padding:6px 12px;font-size:10px;color:#c2f2ff;min-height:29px}.session-note{display:block;font-size:8px;color:#7b9eb8;margin-top:8px}.spotify-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.now-playing-card{min-width:0;display:flex;gap:16px;border:1px solid #497b984d;border-radius:12px;background:linear-gradient(120deg,#163a536e,#182d4566);padding:12px;min-height:138px}.large-album{position:relative;overflow:hidden;flex:0 0 113px;height:113px;border-radius:7px;background:linear-gradient(160deg,#1981a7,#2d5c76 47%,#132e45 48%,#14577c 65%,#081d37);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e4f6fc}.large-album:before,.large-album:after{content:'';position:absolute;border:1px solid #b3deed44;width:160px;height:100px;transform:rotate(-30deg);border-radius:50%}.large-album:after{transform:rotate(30deg)}.large-album>span{font-size:12px;font-weight:600;letter-spacing:2px;z-index:1}.large-album>small{font-size:5px;letter-spacing:1.5px;margin-top:8px;z-index:1}.now-playing-copy{min-width:0;flex:1}.now-playing-copy>small{font-size:7px;letter-spacing:1.5px;color:#4fd9a2}.now-playing-copy h3{font-size:19px;margin:5px 0 2px;letter-spacing:-.3px}.now-playing-copy p{font-size:10px;color:#89abc7;margin:0}.media-progress{height:2px;background:#45607566;border-radius:4px;margin-top:13px;overflow:hidden}.media-progress i{display:block;width:33%;height:100%;background:#2bd97d;border-radius:4px}.media-progress i.playing{animation:playback-progress 168s linear forwards}.media-timestamps{display:flex;justify-content:space-between;font-size:7px;color:#7d9bb0;margin-top:3px}.full-playback{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:5px}.full-playback button{height:29px;width:29px;display:grid;place-items:center;padding:5px}.full-playback svg{height:17px;width:17px}.full-playback .spotify-play{border-radius:50%;background:#1ed760;color:#07251a}.full-playback [data-action=like]{font-size:24px;color:#30d98a}.spotify-queue{display:flex;flex-direction:column;gap:6px}.spotify-queue>span{font-size:10px;color:#97b4ce;margin-bottom:2px}.spotify-queue>button{display:flex;align-items:center;gap:10px;border:1px solid #385c7844;border-radius:7px;min-height:34px;padding:6px 10px;text-align:left;background:#14334a55}.queue-index{font-size:9px;color:#7296b3;width:11px}.spotify-queue>button>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:3px}.spotify-queue strong{font-size:10px;font-weight:600}.spotify-queue small{font-size:8px;color:#82a5c2}.spotify-queue>button>svg{height:13px;width:13px}.spotify-queue>button[aria-pressed=true]{background:#234e5c;border-color:#4bab7d55}.equalizer{font-size:13px;color:#28d47d;font-style:normal;letter-spacing:1px}.track-name small{display:flex;gap:4px;align-items:center}.track-name small svg{height:10px;width:10px;flex-shrink:0}.phone-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.phone-connection{display:flex;align-items:center;flex-direction:column;gap:8px;border:1px solid #3b6d8c55;border-radius:11px;padding:11px;background:#16354e88}.phone-connection>svg{height:29px;width:29px;color:#75d1f1}.phone-connection strong{font-size:14px}.phone-connection span{font-size:9px;color:#88a9c3}.phone-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-options .control-card{min-height:100px}.phone-options>small{grid-column:1/-1;font-size:8px;color:#7d9fb8}.icon-rail{justify-content:space-evenly;padding:14px 0}.driver-arrival>strong>[data-journey-eta]{display:inline}.driver-arrival>span [data-journey-remaining]{border:0;padding:0}.eta-card>strong{white-space:nowrap}.eta-card>span [data-journey-remaining]{margin:0}.application-screen button:focus-visible{outline-offset:-2px}.application-screen .control-card:active{transform:translateY(1px)}
@keyframes application-enter{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes playback-progress{from{width:33%}to{width:100%}}@media(prefers-reduced-motion:reduce){.application-screen,.media-progress i.playing{animation:none!important}}
.application-screen.instant{animation:none}.map-bottom.media-view{grid-template-columns:1fr;left:22px;right:22px}.map-bottom.media-view .climate-strip{padding-left:22px;padding-right:22px}.application-header h2{color:#eff8ff}.kpi-grid article>strong{color:#e9f7ff}.kpi-grid article>small{color:#a8c5da}.control-card>small{color:#97b7d0}
/* Map artwork extends beyond a fixed viewport; overlays stay fixed while the map moves. */
.map-view-controls{position:absolute;right:18px;top:52px;display:flex;gap:3px;padding:3px;border:1px solid #6f99af3d;background:#0c2942cf;backdrop-filter:blur(8px);border-radius:8px}.map-view-controls button{display:grid;place-items:center;width:29px;height:29px;padding:5px;font-size:21px;color:#d9f3ff;border-radius:5px;line-height:1}.map-view-controls button:hover{background:#2b5b77}.map-view-controls button:disabled{opacity:.35;cursor:default}.map-view-controls button>svg{width:17px;height:17px;stroke-width:1.5}.map-position{transform-box:view-box;transform-origin:0 0;will-change:transform}@media(prefers-reduced-motion:reduce){.map-position{transition:none!important}}

/* Read-only portfolio frames reuse the current UI at its native proportions. */
body.case-presentation{background:#0b1b2f;overflow:hidden}body.case-presentation .review-header,body.case-presentation .intro,body.case-presentation .review-toolbar,body.case-presentation .review-note,body.case-presentation #entry,body.case-presentation .toast{display:none}body.case-presentation main{max-width:none;padding:0;margin:0}body.case-presentation .screen-scroll{border:0;border-radius:0;overflow:hidden;box-shadow:none}body.case-presentation .screen-mount{min-width:0}body.case-presentation .speed-stream,body.case-presentation .lane-dashes{animation:none!important}

body.case-presentation *,body.case-presentation *:before,body.case-presentation *:after{animation:none!important;transition:none!important}

@font-face{font-family:ReviewHand;src:url('../assets/fonts/Caveat-Medium.ttf') format('truetype');font-display:swap}.review-handnote{font-family:ReviewHand,cursive;font-size:25px;line-height:1.1;color:#87d6ee;display:flex;justify-content:flex-end;align-items:center;gap:15px;margin:-15px 25px 19px;transform:rotate(-2deg)}.review-handnote svg{width:66px;height:28px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}body.case-presentation .review-handnote{display:none}@media(max-width:680px){.review-handnote{font-size:21px;margin:0 12px 17px;gap:8px}.review-handnote svg{width:48px}}