/* learn-to-drive driving studio. All assets are self-hosted; no font or analytics calls. */
:root{--ink:#15233b;--muted:#5d6d83;--lime:#2563eb;--bg:#f5f7fb;--panel:rgba(255,255,255,.95);--line:#e2e8f0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px}
button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime)}
#header{height:84px;background:#ffffffdd;padding:0 4%;gap:22px;backdrop-filter:blur(16px)}
.screen{inset:84px 0 0}.studio-wordmark{font-size:22px;letter-spacing:-1px;font-weight:750;line-height:1.2}.studio-wordmark>span{display:block;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:450;color:var(--muted);margin-top:4px}.brand{gap:12px;flex-shrink:0}.brand-mark.small{border-radius:10px;width:40px;height:40px}.nav{font-size:13px;padding:11px 14px}.nav.active{background:#2563eb15}.build-tag{font-size:10px;letter-spacing:1px;display:none}.header-actions{gap:9px}.icon-btn{width:40px;height:40px}
#home{background:linear-gradient(90deg,#fffffff2,#ffffffb8 30%,transparent 65%),linear-gradient(0deg,#fffffff5,transparent 32%)}
.hero{top:12%;max-width:560px}.hero h1{font-size:clamp(54px,5.4vw,88px);font-weight:550;letter-spacing:-4px;line-height:1.05;margin:24px 0}.eyebrow{font-size:11px;letter-spacing:1.5px}.hero-copy{font-size:16px;line-height:1.75;color:#52627a;margin-bottom:24px}.primary{font-size:14px;padding:16px 22px;border-radius:9px;min-height:48px}.text-btn{font-size:13px;gap:12px}.hero-actions{gap:16px}.hero-pills{font-size:12px;gap:12px;color:#5d6d83;flex-wrap:wrap}.hero-pills span:not(:last-child):after{margin-left:12px}.vehicle-caption{bottom:25%;width:250px;padding:14px 22px}.vehicle-caption .eyebrow{font-size:10px}.vehicle-caption h3{font-size:30px}.vehicle-caption p{font-size:12px;line-height:1.6}.round-link{width:40px;height:40px}.home-bottom{bottom:7%;gap:14px;grid-template-columns:.85fr 1.05fr 1.05fr 1.05fr}.feature-card{padding:21px 18px;gap:11px;background:#2563eb08}.feature-card h3{font-size:15px;line-height:1.3}.feature-card p{font-size:12px;line-height:1.5}.feature-card>b{font-size:12px}.edition>span{font-size:11px;line-height:1.6}.edition>small{font-size:12px;line-height:1.5}.home-note{font-size:11px;bottom:17px;color:#5d6d83;right:4%}
.panel-screen{padding:40px 5.6% 32px;background:linear-gradient(120deg,#fffffff7,#f5f7fbf5)}.section-heading{margin-bottom:26px}.section-heading h1{font-size:42px;font-weight:550;letter-spacing:-1.9px}.section-heading p{font-size:15px}.segmented button{font-size:12px;padding:11px 14px}.segmented button.active{background:var(--lime)}
#learning-path{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 26px;border:1px solid #2563eb32;background:#2563eb09;border-radius:14px;margin-bottom:25px}#learning-path>div{flex:1;max-width:600px}#learning-path strong{display:block;font-size:17px;font-weight:500;margin:9px 0 14px}.path-track{display:flex;gap:6px}.path-track i{flex:1;height:5px;border-radius:8px;background:#2563eb18}.path-track i.complete{background:var(--lime)}.path-track i.next{background:#2563eb65}.path-next{text-align:start;font-size:15px;color:var(--ink);padding:12px 18px;border-left:1px solid var(--line);min-width:240px}.path-next small{display:block;color:var(--lime);font-size:11px;margin-bottom:7px}.path-next>span{float:right;margin-left:20px;font-size:20px}
#lesson-grid{gap:18px}.lesson-card{background:#ffffff;transition:border-color .18s,transform .18s,background .18s}.lesson-card:hover{background:#f8faff;border-color:#2563eb7a;transform:translateY(-3px)}.lesson-card.recommended{border-color:#2563eb8a}.lesson-art{height:130px}.lesson-art>span{font-size:11px}.lesson-card .card-copy{padding:21px}.lesson-card .card-copy h3{font-size:21px;font-weight:550;letter-spacing:-.7px;margin:12px 0 10px}.lesson-card .card-copy p{font-size:14px;line-height:1.65;min-height:47px;color:#5d6d83}.lesson-status{font-size:11px;color:#5d6d83;display:inline-block}.recommended .lesson-status{color:var(--lime)}.completed .lesson-status{color:#2563eb}.lesson-meta{font-size:11px;line-height:1.5;gap:10px;padding-top:15px}.fine-print{font-size:12px;color:#5d6d83}.garage-info>p:not(.fine-print){font-size:15px}.spec-grid small{font-size:11px}.car-option{font-size:17px}.car-option small{font-size:10px}.field-label{font-size:11px}.stat-card small{font-size:14px}.history-row{font-size:15px}.history-row>span{font-size:12px}
body.driving #header{height:57px;padding:0 24px}body.driving .brand-mark.small{height:30px;width:30px;border-radius:8px;font-size:20px}body.driving .brand-mark.small span{font-size:14px}body.driving .studio-wordmark{font-size:17px}body.driving .studio-wordmark>span{display:none}body.driving .icon-btn{width:34px;height:34px}#drive-ui{inset:57px 0 0}.lesson-bar{top:15px;gap:11px}.lesson-bar>div:nth-child(2){min-width:250px;padding:10px 15px;border:1px solid var(--line);background:#f5f7fbef}.lesson-bar small{font-size:9px;letter-spacing:1px}.lesson-bar strong{font-size:14px;font-weight:550;margin-top:5px}.lesson-bar .icon-btn{width:38px;height:38px}.subtle{font-size:13px}.session-step{font-size:12px;padding:7px 10px;background:#f5f7fbdd;border:1px solid var(--line);border-radius:6px;white-space:nowrap;color:#475569}.lesson-step-dots{display:none}
#coach,body.cockpit #coach{top:95px;width:276px;padding:17px 19px 19px;background:#f5f7fbf0;box-shadow:0 12px 35px #0002}.coach-head{font-size:9px;letter-spacing:.7px;gap:7px}.coach-head small{font-size:10px}.coach-head .icon-btn{width:26px;height:26px}#coach h3{font-size:20px;font-weight:550;line-height:1.3;margin:15px 0 11px;letter-spacing:-.4px}#coach p{font-size:14px;line-height:1.65;margin-bottom:17px;color:#475569}#coach-extra button{font-size:12px;padding:10px;margin-top:13px}.coach-progress{height:3px}.parking-metrics>span{font-size:9px;letter-spacing:.4px}.parking-metrics b{font-size:17px}.parking-metrics small{font-size:9px;line-height:1.5}
#navigation,body.cockpit #navigation{width:205px;top:95px;background:#f5f7fbee}.map-top{font-size:9px;letter-spacing:.5px;padding:12px}.map-top>span:last-child{font-size:11px}#map,body.cockpit #map{height:147px}.map-bottom{padding:12px;gap:10px}.map-bottom small{font-size:8px;letter-spacing:.4px}.map-bottom strong{font-size:11px;line-height:1.5}.limit{width:35px;height:35px;flex-shrink:0;font-size:15px;border-width:3px}
#rear-frame{top:16px;width:230px;height:56px}.mirror-frame span{font-size:8px}#observation{top:77px}#observation button{font-size:11px;padding:7px 11px;background:#f5f7fbd9}#road-feedback{font-size:14px;max-width:440px;border-radius:9px;padding:13px 18px;top:38%;background:#f5f7fbf2}#look-label{font-size:12px;letter-spacing:1px}
#control-deck{background:linear-gradient(115deg,#fffffff7,#fffffffa);border-color:#2563eb29;box-shadow:0 12px 45px #0004;gap:23px;height:219px;bottom:37px;padding:17px 23px}#view-toolbar{bottom:267px;padding:5px;border-radius:9px;background:#f5f7fbf1}#view-toolbar button{font-size:11px;padding:9px 11px}#view-toolbar button.active{background:#2563eb22;color:var(--lime)}.signal-row{font-size:9px;letter-spacing:.7px}.signal-row button{height:30px;width:38px}.wheel-keys{font-size:8px}.wheel-keys button{height:27px;width:30px}.cluster-status{font-size:9px;letter-spacing:.3px}.cluster-status button{font-size:9px;padding:9px 7px;min-height:32px}.speed-reading>strong{font-weight:500;font-size:70px}.speed-reading>span{font-size:12px}.rpm-labels{font-size:9px}.cluster-footer{font-size:10px;margin-top:12px}.cluster-footer button{font-size:9px;padding:8px 7px}.gear-block .field-label{font-size:9px}.gear-block{width:154px}#gear-grid button{font-size:15px;height:38px}#bite-readout{font-size:8px;letter-spacing:.5px}.pedal b,.pedal small{font-size:10px;letter-spacing:.5px}.pedal-wrap>span{font-size:9px}.pedal{width:59px;height:135px}.pedal.brake{width:67px;height:120px}#drive-footer{bottom:9px;font-size:10px;letter-spacing:.5px}#drive-footer>span:nth-child(2){font-size:10px}#drive-footer button{font-size:12px;min-height:24px}.ltd-back{position:static!important;font-size:12px!important;padding:8px 12px!important;white-space:nowrap;background:#2563eb0a;border:1px solid var(--line);border-radius:7px;max-width:185px}.ltd-record{position:static!important;transform:none!important;font-size:11px!important;padding:9px 11px!important;border:0;border-radius:5px}.ltd-challenge{font-size:11px;top:62px;background:#f5f7fbf0}
#drive-assist{position:absolute;left:50%;bottom:322px;transform:translateX(-50%);padding:11px 14px;display:flex;align-items:center;gap:13px;max-width:440px;background:#15233b;color:#15233b;border:1px solid #15233b;border-radius:10px;box-shadow:0 8px 24px #0002;font-size:13px;line-height:1.5;white-space:nowrap}#drive-assist.ready{background:var(--lime);border-color:var(--lime)}#drive-assist kbd{border:1px solid #15233b33;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:11px;font-weight:600;white-space:nowrap}#drive-assist:active{transform:translateX(-50%) translateY(1px)}.control-highlight{outline:3px solid var(--lime)!important;outline-offset:5px;box-shadow:0 0 0 10px #2563eb33!important}
#modal{background:linear-gradient(140deg,#ffffff,#ffffff);width:calc(100% - 36px);max-width:640px;padding:34px 36px;border-radius:18px}.modal-eyebrow{font-size:11px;letter-spacing:1.3px;display:block;margin-right:30px}#modal h2{font-size:35px;font-weight:550;letter-spacing:-1.3px;line-height:1.18;margin:19px 0 12px}#modal p{font-size:14px;line-height:1.7}.prepare-label{font-size:12px;color:#475569;margin:23px 0 10px}.transmission-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.transmission-choice{text-align:start;padding:16px;border:1px solid var(--line);border-radius:10px;background:#f1f5f966;display:grid;grid-template-columns:34px 1fr;gap:6px 12px;position:relative}.transmission-choice.selected{border-color:var(--lime);background:#2563eb0d}.choice-symbol{grid-row:1/3;background:#2563eb14;color:var(--lime);border-radius:8px;width:34px;height:38px;display:grid;place-items:center;font-size:13px}.transmission-choice strong{font-size:15px;font-weight:550;padding-right:12px}.transmission-choice small{font-size:11px;line-height:1.5;color:#5d6d83}.choice-check{position:absolute;right:10px;top:13px;font-size:13px;color:var(--lime);display:none}.selected .choice-check{display:block}.prepare-controls{border:1px solid var(--line);border-radius:10px;padding:17px 19px;margin-top:18px}.prepare-controls>strong{font-size:12px;color:#334155;font-weight:550}.prepare-keys{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:13px}.prepare-keys>span{font-size:11px;color:#475569;display:flex;align-items:center;gap:8px;line-height:1.5}.prepare-keys kbd{font-family:inherit;font-size:12px;border:1px solid #2563eb3d;padding:7px 8px;min-width:32px;text-align:center;white-space:nowrap;border-radius:5px;background:#2563eb08}#modal #prepare-tip{font-size:12px;line-height:1.6;color:#5d6d83;border-top:1px solid var(--line);padding-top:13px;margin:14px 0 0}#modal .prepare-begin{width:100%;justify-content:center;margin-top:20px}#modal>.fine-print,#modal .fine-print{font-size:11px}.settings-row{font-size:14px}.settings-row small{font-size:12px}.control-table>div{font-size:13px}.control-table kbd{font-size:11px}.result-stats small{font-size:10px}.event-list{font-size:13px;max-height:210px}.result-score>strong{font-weight:500}.result-score p{font-size:13px!important}.modal-actions{gap:10px}.stat-card{background:#ffffff}.stat-card strong{font-size:45px}#boot p{font-size:18px;letter-spacing:-.5px}#boot small{font-size:13px}
/* A unified control deck stays readable in every view, including the cockpit. */
@media(min-width:961px) and (min-height:581px){body.cockpit #control-deck{display:flex;align-items:center;justify-content:space-around;position:absolute;bottom:37px;left:50%;transform:translateX(-50%);width:min(1020px,calc(100% - 50px));max-width:none;height:196px;padding:12px 22px;gap:20px;background:linear-gradient(115deg,#fffffff2,#fffffff7);border:1px solid #2563eb29;border-radius:19px;box-shadow:0 12px 45px #0004;backdrop-filter:blur(12px)}body.cockpit .steering-block,body.cockpit .gear-block,body.cockpit .pedal-block,body.cockpit .drive-cluster{position:static;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:0;height:auto}body.cockpit .steering-block{width:155px}body.cockpit .gear-block{width:154px}body.cockpit .drive-cluster{width:228px}body.cockpit .pedal{height:118px;width:59px}body.cockpit .pedal.brake{height:107px;width:67px}body.cockpit .cluster-status{font-size:9px}body.cockpit .cluster-status button{font-size:9px;padding:8px}body.cockpit .gear-block .field-label{font-size:9px}body.cockpit .speed-reading{height:65px}body.cockpit .speed-reading>strong{font-size:57px}body.cockpit .rpm-labels{font-size:9px}body.cockpit .cluster-footer{font-size:10px}body.cockpit .cluster-footer button{font-size:9px;padding:8px}body.cockpit #view-toolbar{bottom:244px;max-width:none;overflow:visible}body.cockpit #view-toolbar button{font-size:11px;padding:9px 11px}body.cockpit #drive-assist{bottom:298px}}
@media(max-width:1250px) and (min-width:761px){#header{padding:0 25px;gap:15px}.nav{font-size:12px;padding:10px}.header-actions{gap:7px}.ltd-back{font-size:10px!important;padding:8px!important}.hero{left:5%;top:11%}.hero h1{font-size:65px}.hero-copy{font-size:15px}.home-bottom{left:5%;right:5%;grid-template-columns:repeat(3,1fr)}.edition{display:none}.section-heading{align-items:flex-start}.section-heading h1{font-size:35px}.section-heading .segmented{flex-wrap:wrap;max-width:380px}.hero-pills{font-size:11px}.feature-card{padding:17px 14px}#coach,body.cockpit #coach{width:242px}#coach h3{font-size:18px}#coach p{font-size:13px}#navigation,body.cockpit #navigation{width:180px}.session-step{display:none}.lesson-bar>div:nth-child(2){min-width:230px}.studio-wordmark{font-size:20px}}
@media(max-width:760px){#header{height:69px;padding:0 18px;gap:10px}.screen{inset:69px 0 0}.brand{font-size:10px;gap:9px}.studio-wordmark{font-size:19px}.studio-wordmark>span{font-size:8px;letter-spacing:.8px}.brand-mark.small{width:34px;height:34px;font-size:22px}.header-actions{gap:6px}.header-actions .icon-btn{height:32px;width:32px;font-size:18px}.ltd-back{font-size:10px!important;padding:8px!important;max-width:96px;overflow:hidden;text-overflow:ellipsis}#home-nav{bottom:18px;left:50%;width:calc(100% - 30px);justify-content:space-around;padding:5px 3px;background:#fffffff5;border:1px solid var(--line);border-radius:12px;gap:1px;z-index:5}.nav{font-size:11px;padding:11px 7px;min-height:38px}.hero{top:7%;left:7%;right:7%;max-width:none}.hero h1{font-size:53px;letter-spacing:-2.6px;margin:18px 0}.eyebrow{font-size:9px;letter-spacing:1px}.hero-copy{font-size:14px;line-height:1.6;margin:0 0 20px;max-width:340px}.hero-actions{flex-wrap:wrap;gap:5px 10px}.primary{font-size:13px;padding:13px 17px;min-height:45px}.text-btn{font-size:12px;padding:11px 0}.hero-pills{font-size:10px;margin-top:13px;gap:6px}.hero-pills span:not(:last-child):after{margin-left:6px}.vehicle-caption{bottom:19%;right:9%;width:210px;padding:9px 15px}.vehicle-caption .eyebrow{font-size:9px}.vehicle-caption h3{font-size:23px;margin:7px 0}.vehicle-caption p{font-size:10px}.home-note{font-size:10px;bottom:90px;left:7%;right:7%;line-height:1.5;max-width:300px}.home-bottom{display:none}.panel-screen{padding:25px 5% 105px}.section-heading{display:block;margin-bottom:20px}.section-heading h1{font-size:29px;letter-spacing:-1px;margin:13px 0 10px}.section-heading p{font-size:13px;line-height:1.6}.section-heading .segmented{margin-top:17px;max-width:100%;width:100%;display:flex}.segmented button{font-size:11px;flex:1;padding:10px 8px}#learning-path{padding:18px;display:block;margin-bottom:20px;border-radius:12px}#learning-path strong{font-size:15px;line-height:1.5}.path-next{margin-top:17px;border-left:0;border-top:1px solid var(--line);padding:14px 0 0;min-width:0;width:100%;font-size:14px}.path-next small{font-size:10px}#lesson-grid{grid-template-columns:1fr;gap:15px}.lesson-art{height:109px}.lesson-art>span{font-size:10px}.lesson-card .card-copy{padding:19px}.lesson-card .card-copy h3{font-size:20px}.lesson-card .card-copy p{font-size:13px;min-height:0;line-height:1.6}.lesson-meta{font-size:11px}.lesson-status{font-size:10px}.garage-info{top:5%;width:280px}.garage-info h1{font-size:55px}.garage-info>p:not(.fine-print){font-size:13px}.spec-grid b{font-size:22px}.spec-grid small{font-size:10px}.garage-info .field-label{font-size:10px}#car-selector{bottom:110px;gap:4px}.car-option{font-size:12px;padding:12px 7px}.car-option small{font-size:8px}.stat-card{padding:18px 12px}.stat-card strong{font-size:31px}.stat-card small{font-size:11px;line-height:1.4}.history-row{font-size:12px;gap:10px}.history-row>span{font-size:10px}.fine-print{font-size:11px}
body.driving #header{height:46px;padding:0 12px}body.driving .studio-wordmark{font-size:15px}body.driving .brand-mark.small{width:26px;height:26px;font-size:17px}body.driving .header-actions .icon-btn{height:28px;width:28px}#drive-ui{inset:46px 0 0}.lesson-bar{top:9px;left:12px;right:12px;gap:7px}.lesson-bar>div:nth-child(2){padding:8px 10px;min-width:0;flex:1;max-width:250px}.lesson-bar small{font-size:7px;letter-spacing:.6px}.lesson-bar strong{font-size:12px}.lesson-bar .icon-btn{width:31px;height:31px}.lesson-bar>.subtle{font-size:13px;padding:8px 10px}.session-step{display:none}#coach,body.cockpit #coach{left:12px;top:77px;width:195px;padding:12px 13px;max-height:230px;overflow-y:auto}.coach-head{font-size:7px;letter-spacing:.2px;gap:5px}.coach-head small{font-size:8px}.coach-icon{width:23px;height:23px;font-size:17px}.coach-head .icon-btn{width:20px;height:20px}#coach h3{font-size:15px;margin:11px 0 9px}#coach p{font-size:11px;line-height:1.6;margin-bottom:10px}#coach-extra button{font-size:10px;padding:8px}#navigation,body.cockpit #navigation{right:12px;top:77px;width:127px}.map-top{font-size:6px;padding:9px 7px;letter-spacing:0}.map-top>span:last-child{font-size:8px}#map,body.cockpit #map{height:83px}.map-bottom{padding:9px 7px;gap:6px}.map-bottom small{font-size:6px;letter-spacing:0}.map-bottom strong{font-size:8px}.limit{width:26px;height:26px;border-width:2px;font-size:11px}#view-toolbar,body.cockpit #view-toolbar{left:12px;right:12px;bottom:267px;max-width:none;transform:none;justify-content:flex-start;overflow-x:auto;padding:4px;gap:2px;scrollbar-width:none}#view-toolbar button,body.cockpit #view-toolbar button{font-size:10px;padding:8px 9px}#control-deck,body.cockpit #control-deck{bottom:38px;height:218px;padding:12px;gap:10px;width:calc(100% - 24px);border-radius:14px}.signal-row{font-size:6px;letter-spacing:0}.signal-row button{height:27px;width:28px;font-size:14px}.drive-cluster,body.cockpit .drive-cluster{gap:10px}.cluster-status,body.cockpit .cluster-status{font-size:7px}.cluster-status button,body.cockpit .cluster-status button{font-size:7px;padding:6px 5px;min-height:25px}.speed-reading>strong,body.cockpit .speed-reading>strong{font-size:40px}.speed-reading>span{font-size:8px}.cluster-footer{font-size:8px;bottom:8px;left:12px;right:12px}.cluster-footer button,body.cockpit .cluster-footer button{font-size:7px;padding:5px 7px}.gear-block .field-label{font-size:7px}.gear-block{width:auto}#gear-grid button{height:29px;font-size:13px}#bite-readout{font-size:6px;letter-spacing:0;margin-top:8px}.pedal-block{gap:6px}.pedal,body.cockpit .pedal{width:34px;height:123px}.pedal.brake,body.cockpit .pedal.brake{width:40px;height:110px}.pedal b,.pedal small{font-size:7px;letter-spacing:0}.pedal-wrap>span{font-size:7px}#drive-assist,body.cockpit #drive-assist{bottom:345px;font-size:11px;padding:9px 11px;max-width:calc(100% - 30px);gap:8px;white-space:normal}#drive-assist kbd{font-size:10px;flex-shrink:0}#observation{bottom:309px;top:auto;gap:4px}#observation button{font-size:9px;padding:7px 9px;white-space:nowrap}#drive-footer{bottom:9px;font-size:8px;left:13px;right:13px}#drive-footer button{font-size:11px}#road-feedback{font-size:11px;max-width:85%;top:38%;padding:11px 14px;line-height:1.5}#look-label{font-size:9px}.parking-metrics{gap:5px}.parking-metrics>span{font-size:7px}.parking-metrics b{font-size:13px}.parking-metrics small{font-size:7px}
#modal{padding:29px 22px;max-height:calc(100dvh - 28px);width:calc(100% - 24px);border-radius:15px}.modal-eyebrow{font-size:9px;letter-spacing:1px}#modal h2{font-size:28px;letter-spacing:-.9px;margin:19px 0 10px}#modal p{font-size:13px}.modal-close{top:14px;right:14px;width:30px;height:30px}.prepare-label{font-size:11px;margin-top:18px}.transmission-choices{gap:8px}.transmission-choice{padding:13px 11px;grid-template-columns:28px 1fr;gap:5px 7px}.choice-symbol{width:28px;height:34px;font-size:11px}.transmission-choice strong{font-size:12px;padding:0}.transmission-choice small{font-size:10px}.choice-check{right:7px;top:5px;font-size:10px}.prepare-controls{padding:14px;margin-top:14px}.prepare-controls>strong{font-size:11px}.prepare-keys{gap:10px;grid-template-columns:1fr}.prepare-keys>span{font-size:11px}#modal #prepare-tip{font-size:11px;margin-top:12px;padding-top:12px}#modal .fine-print{font-size:10px}.settings-row{font-size:13px;padding:16px 0}.settings-row small{font-size:11px}.settings-row select{font-size:12px;max-width:136px}.control-table>div{font-size:11px}.control-table kbd{font-size:10px}.result-stats small{font-size:9px}.event-list{font-size:12px}.ltd-record{font-size:10px!important;padding:8px 9px!important}}
@media(max-height:500px) and (orientation:landscape){#header{height:53px;padding:0 20px}.screen{inset:53px 0 0}.studio-wordmark{font-size:18px}.studio-wordmark>span{display:none}#home-nav{position:static;transform:none;width:auto;background:none;border:0;padding:0;gap:2px}.nav{font-size:10px;min-height:32px;padding:8px}.hero{top:9%;left:5%;width:55%}.hero h1{font-size:45px;margin:15px 0}.hero-copy{font-size:12px;line-height:1.5}.hero-pills{display:none}.hero-actions .primary{min-height:39px;padding:10px 13px;font-size:12px}.hero-actions .text-btn{font-size:11px}.hero .eyebrow{font-size:8px}.vehicle-caption{bottom:10%;width:185px}.home-note{display:none}.panel-screen{padding:24px 5% 30px}.section-heading{display:block}.section-heading h1{font-size:29px}.section-heading .segmented{margin-top:15px}#lesson-grid{grid-template-columns:repeat(2,1fr)}.lesson-card .card-copy p{font-size:12px}.lesson-card .card-copy h3{font-size:18px}#learning-path{padding:18px}.path-next{min-width:220px}.garage-info{top:6%;width:260px}.garage-info h1{font-size:38px}.garage-info>p:not(.fine-print){font-size:11px}.spec-grid{padding:10px 0;margin:10px 0}.spec-grid small{font-size:9px}#car-selector{left:40%;right:3%;bottom:7%}.car-option{font-size:11px}.car-option small{font-size:7px}.header-actions .ltd-back{font-size:9px!important;max-width:98px}
body.driving #header{height:37px;padding:0 12px}body.driving .studio-wordmark{font-size:13px}body.driving .brand-mark.small{height:23px;width:23px}body.driving .header-actions .icon-btn{height:25px;width:25px;font-size:16px}#drive-ui{inset:37px 0 0}.lesson-bar{top:7px;left:10px;right:10px;gap:6px}.lesson-bar>div:nth-child(2){min-width:0;max-width:210px;padding:6px 9px}.lesson-bar small{font-size:6px}.lesson-bar strong{font-size:10px;margin-top:3px}.lesson-bar .icon-btn{height:27px;width:27px}.lesson-bar>.subtle{font-size:10px;padding:7px 10px}.session-step{display:none}#coach,body.cockpit #coach{left:10px;top:57px;width:200px;padding:10px 12px;max-height:calc(100% - min(112px,28vh) - 103px);overflow-y:auto}#coach h3{font-size:14px;margin:9px 0 7px}#coach p{font-size:10px;line-height:1.5;margin-bottom:8px}.coach-head{font-size:6px}.coach-head small{font-size:7px}.coach-head .icon-btn{height:17px;width:17px}.coach-icon{height:21px;width:21px}#coach-extra button{font-size:9px;padding:6px;margin-top:9px}#navigation,body.cockpit #navigation{top:57px;right:10px;width:127px;max-height:calc(100% - min(112px,28vh) - 103px);overflow:hidden}.map-top{font-size:6px;padding:7px}.map-top>span:last-child{font-size:8px}#map,body.cockpit #map{height:66px}.map-bottom{padding:7px;gap:6px}.map-bottom small{font-size:6px}.map-bottom strong{font-size:8px}.limit{height:25px;width:25px;font-size:11px}#rear-frame{display:block;top:7px;width:170px;height:34px}#observation{top:46px;bottom:auto}#observation button{font-size:8px;padding:5px 8px}#control-deck,body.cockpit #control-deck{display:flex;align-items:center;justify-content:space-between;left:8px;right:8px;bottom:6px;width:auto;max-width:none;transform:none;height:min(112px,28vh);padding:6px 10px;gap:10px;border-radius:12px}.steering-block,body.cockpit .steering-block{width:108px;flex:none;align-self:center}.signal-row{font-size:7px}.signal-row button{width:32px;height:22px;font-size:13px}#steering-wheel,body.cockpit #steering-wheel{width:min(64px,17vh);height:min(64px,17vh);margin:2px auto 0}.wheel-keys{display:none}.drive-cluster,body.cockpit .drive-cluster{width:auto;flex:1 1 150px;max-width:210px;display:block;height:auto;position:relative}.cluster-status,body.cockpit .cluster-status{font-size:7px;display:flex;flex-direction:row;gap:6px}.cluster-status button,body.cockpit .cluster-status button{font-size:7px;padding:5px 7px;min-height:24px}.speed-reading,body.cockpit .speed-reading{height:38px;gap:6px}.speed-reading>strong,body.cockpit .speed-reading>strong{font-size:35px}.speed-reading>span{font-size:8px}.speed-reading>b,body.cockpit .speed-reading>b{font-size:20px;width:29px;height:31px}.rpm-track{display:block;height:3px}.rpm-labels{display:none}.cluster-footer{position:static;margin-top:5px!important;font-size:7px}.cluster-footer button{font-size:7px;padding:5px 7px}.gear-block,body.cockpit .gear-block{width:108px;flex:none}.gear-block .field-label{display:none}#gear-grid{gap:3px}#gear-grid button{height:min(24px,6.4vh);font-size:11px}#bite-readout{font-size:6px;margin-top:4px;gap:5px}.pedal-block,body.cockpit .pedal-block{flex:none;gap:8px;align-self:stretch;align-items:flex-end}.pedal-wrap{gap:0}.pedal-wrap>span{display:none}.pedal,body.cockpit .pedal{width:44px;height:min(96px,25vh);padding-bottom:8px}.pedal.brake,body.cockpit .pedal.brake{width:50px;height:min(88px,23vh)}.pedal b{font-size:7px}#view-toolbar,body.cockpit #view-toolbar{bottom:calc(min(112px,28vh) + 12px);left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 225px);justify-content:flex-start;overflow-x:auto;padding:3px;scrollbar-width:none}#view-toolbar button,body.cockpit #view-toolbar button{font-size:8px;padding:6px 8px}.ltd-record{font-size:8px!important;padding:6px 8px!important}#drive-footer{left:auto;right:10px;bottom:calc(min(112px,28vh) + 12px)}#drive-footer>span{display:none}#drive-footer button{font-size:9px;padding:6px 8px;background:#f5f7fbee;border:1px solid var(--line);border-radius:6px}#drive-assist,body.cockpit #drive-assist{bottom:calc(min(112px,28vh) + 49px);font-size:10px;padding:7px 10px;max-width:calc(100% - 350px);gap:7px;white-space:normal;line-height:1.35}#drive-assist kbd{font-size:9px}#road-feedback{top:32%;font-size:10px;padding:9px 12px;max-width:300px}#modal{padding:23px 28px;max-height:calc(100dvh - 20px)}#modal h2{font-size:26px;margin-top:15px}.modal-eyebrow{font-size:9px}#modal p{font-size:12px}.prepare-label{margin-top:15px}.transmission-choice{padding:11px 14px}.prepare-controls{padding:13px 17px;margin-top:13px}.prepare-keys{grid-template-columns:repeat(3,1fr)}#modal .prepare-begin{margin-top:15px}#modal .fine-print{font-size:10px}.ltd-challenge{top:43px;font-size:8px}}
@media(prefers-reduced-motion:reduce){button,.lesson-card,.coach-progress i,#road-feedback{transition:none!important}.lesson-card:hover{transform:none}}
[dir=rtl] .path-next{border-left:0;border-right:1px solid var(--line)}[dir=rtl] .path-next>span{float:left;margin-left:0;margin-right:20px}[dir=rtl] .choice-check{right:auto;left:10px}[dir=rtl] .modal-eyebrow{margin-right:0;margin-left:30px}[dir=rtl] .studio-wordmark{text-align:left}

/* Scrollable overlays must remain touch-scrollable above the pointer-transparent scene HUD. */
#coach{pointer-events:auto;touch-action:pan-y}#view-toolbar{touch-action:pan-x}#modal{overscroll-behavior:contain}.panel-screen{overscroll-behavior:contain}

.parking-mode-link{font-size:11px;white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:7px;color:var(--lime)}#fatal{display:grid;place-items:center;padding:35px 7%;background:radial-gradient(ellipse at 60% 25%,#edf4ff,#ffffff 70%)}.fallback-card{max-width:590px;width:100%;border:1px solid var(--line);border-radius:22px;padding:43px;background:#ffffff;box-shadow:0 20px 80px #0003}.fallback-card>.brand-mark{margin-bottom:26px}.fallback-card h1{font-size:39px;letter-spacing:-1.2px;line-height:1.15;font-weight:550;margin:20px 0 17px;color:var(--ink)}.fallback-card p{font-size:15px;line-height:1.8;color:#5d6d83;margin:0 0 25px}.fallback-card .primary{display:flex;justify-content:center}.fallback-back{display:block;text-align:center;font-size:13px;color:#475569;margin-top:20px}.fallback-card .eyebrow{font-size:10px}
@media(max-width:1250px) and (min-width:761px){.parking-mode-link{font-size:10px;padding:8px}.header-actions .ltd-back{max-width:106px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:760px){.parking-mode-link{font-size:9px;padding:7px}.header-actions .ltd-back{display:none}.fallback-card{padding:29px 24px}.fallback-card h1{font-size:30px}.fallback-card p{font-size:14px}.fallback-card>.brand-mark{margin-bottom:23px}}
/* Bright learn-to-drive identity. The scene remains visible; instrument panels use cool navy. */
:root{color-scheme:light;--ink:#15233b;--muted:#5d6d83;--lime:#2563eb;--bg:#f5f7fb;--panel:rgba(255,255,255,.96);--line:#e2e8f0}
html,body{background:#f5f7fb;color:#15233b}button:hover{color:#2563eb}#header,body.driving #header{background:#ffffffed;border-bottom:1px solid #e2e8f0;color:#15233b;box-shadow:0 2px 14px #15233b05}.brand-mark{background:#2563eb;color:#fff}.studio-wordmark>span,.brand em{color:#5d6d83}.nav{color:#5d6d83}.nav.active{background:#edf4ff;border-color:#dbeafe;color:#2563eb}.icon-btn{border-color:#e2e8f0}.icon-btn:hover{background:#eff6ff}.eyebrow{color:#2563eb}.eyebrow i{background:#2563eb;box-shadow:0 0 0 4px #2563eb12}.primary{background:#2563eb;color:#fff;box-shadow:0 6px 16px #2563eb20}.primary:hover{background:#1d4ed8;color:#fff}.text-btn{color:#2563eb}.hero h1{color:#15233b}.hero h1 span{color:#2563eb}.hero-pills span:not(:last-child):after{color:#94a3b8}.feature-card{background:#ffffffd9;border-color:#e2e8f0;box-shadow:0 8px 28px #15233b06}.feature-card:hover{background:#f8fbff;border-color:#bfdbfe}.feature-card h3{color:#15233b}.feature-card p,.feature-card>b,.edition>small{color:#5d6d83}.feature-card>span{color:#2563eb}.edition>span{color:#334155}.vehicle-caption{text-shadow:none;border-color:#cbd5e1;background:#ffffffcc;border-radius:0 12px 12px 0}.vehicle-caption .eyebrow{color:#2563eb}.vehicle-caption p,.vehicle-caption h3 em{color:#5d6d83}.round-link{background:#fff;border-color:#e2e8f0;color:#2563eb}.panel-screen{background:linear-gradient(120deg,#f8fafffa,#f5f7fbfa)}.segmented{background:#f1f5f9;border-color:#e2e8f0}.segmented button{color:#5d6d83}.segmented button.active{background:#2563eb;color:#fff}.lesson-art{background:linear-gradient(125deg,#f1f5f9,#e2e8f0)}.lesson-art>span{color:#334155}.lesson-card{box-shadow:0 4px 18px #15233b04;border-color:#e2e8f0}.lesson-card.recommended{border-color:#93c5fd;box-shadow:0 4px 20px #2563eb0a}.lesson-card:hover{border-color:#93c5fd;box-shadow:0 10px 30px #2563eb0d}.lesson-card .card-copy h3{color:#15233b}.lesson-meta{color:#5d6d83}.lesson-meta span:last-child,.lesson-status,.recommended .lesson-status,.completed .lesson-status{color:#2563eb}#learning-path{background:#edf4ff;border-color:#dbeafe}.path-track i{background:#dbeafe}.path-track i.next{background:#93c5fd}.path-track i.complete{background:#2563eb}.path-next{color:#15233b}.path-next small{color:#2563eb}#garage{background:linear-gradient(90deg,#fffffff2,transparent 67%)}.garage-info>p:not(.fine-print),.spec-grid small,.field-label{color:#5d6d83}.spec-grid b{color:#15233b}.swatch{border-color:#fff;outline-color:#cbd5e1}.swatch.active{outline:2px solid #2563eb}.car-option{background:#ffffffed;border-color:#e2e8f0;color:#15233b}.car-option small{color:#5d6d83}.car-option.active{background:#eff6ff;border-color:#93c5fd;color:#2563eb}.stat-card{border-color:#e2e8f0;box-shadow:0 4px 18px #15233b04}.stat-card strong,.history-row b{color:#2563eb}.stat-card small,.history-row>span{color:#5d6d83}
#modal-backdrop{background:#15233b55;backdrop-filter:blur(12px)}#modal{--line:#e2e8f0;background:#fff;border-color:#e2e8f0;color:#15233b;box-shadow:0 25px 90px #15233b26}#modal h2{color:#15233b}#modal p,.settings-row small{color:#5d6d83}.modal-eyebrow{color:#2563eb}.modal-close{color:#5d6d83}.prepare-description{color:#5d6d83}.transmission-choice{background:#f8fafc;border-color:#e2e8f0;color:#15233b}.transmission-choice.selected{background:#eff6ff;border-color:#2563eb}.choice-symbol{background:#dbeafe;color:#2563eb}.transmission-choice small{color:#5d6d83}.choice-check{color:#2563eb}.prepare-controls{background:#f8fafc;border-color:#e2e8f0}.prepare-keys kbd,.control-table kbd{background:#fff;border-color:#e2e8f0;color:#334155}.settings-row select{background:#f8fafc;color:#15233b;border-color:#e2e8f0}.settings-row input[type=checkbox]{accent-color:#2563eb}.control-table>div,.result-stats small,.event-list time{color:#5d6d83}.subtle,#modal .subtle{background:#f8fafc;color:#334155;border-color:#e2e8f0}.result-score>strong{color:#2563eb}.event-list{color:#475569}.slider-row input{accent-color:#2563eb}.ltd-back{background:#f8fafc;color:#475569;border-color:#e2e8f0}.parking-mode-link{background:#eff6ff;border-color:#dbeafe;color:#2563eb}#toast{background:#15233b;color:#fff;box-shadow:0 10px 30px #15233b22}#boot{background:radial-gradient(ellipse at 50% 40%,#eaf2ff,#f5f7fb 70%);color:#15233b}#boot p{color:#2563eb}#boot small{color:#5d6d83}.load-track{background:#dbeafe}.load-track i{background:#2563eb}
#drive-ui{--line:#ffffff20;color:#f8fafc}.lesson-bar>div:nth-child(2){background:#15233bed;border-color:#ffffff20}.lesson-bar small{color:#a8b9d0}.lesson-bar strong{color:#f8fafc}.lesson-bar .icon-btn,.lesson-bar>.subtle{background:#15233bed;color:#f8fafc;border-color:#ffffff20}.session-step{background:#15233bdd;color:#cbd5e1;border-color:#ffffff20}#coach,body.cockpit #coach{background:#15233bee;border-color:#ffffff20;color:#f8fafc;box-shadow:0 10px 28px #15233b26}.coach-head,.coach-head small{color:#cbd5e1}.coach-head .icon-btn{color:#cbd5e1}.coach-icon{background:#2563eb30;border-color:#60a5fa55;color:#93c5fd}#coach h3{color:#f8fafc}#coach p{color:#cbd5e1}.coach-progress{background:#ffffff20}.coach-progress i{background:#60a5fa}#coach-extra button{background:#ffffff0a;border-color:#ffffff25;color:#dbeafe}.parking-metrics{border-color:#ffffff20}.parking-metrics>span,.parking-metrics small{color:#94a3b8}.parking-metrics b{color:#f8fafc}#navigation,body.cockpit #navigation{background:#15233bef;border-color:#ffffff20}.map-top,.map-bottom small{color:#a8b9d0}.map-top>span:last-child,.map-bottom strong{color:#e2e8f0}.map-bottom{border-color:#ffffff20}.limit{background:#fff;border-color:#ef4444;color:#15233b}#observation button{background:#15233be8;color:#e2e8f0}#observation button.active{background:#2563eb;color:#fff}.mirror-frame{border-color:#15233b}#road-feedback{background:#15233bf0;border-left-color:#60a5fa;color:#f8fafc}#road-feedback.warn{border-color:#fb923c}#look-label{background:#15233be8;color:#fff}#view-toolbar,body.cockpit #view-toolbar{background:#15233bef;border-color:#ffffff25}#view-toolbar button,body.cockpit #view-toolbar button{color:#cbd5e1}#view-toolbar button.active{background:#2563eb;color:#fff}#view-toolbar i{background:#ffffff25}#control-deck,body.cockpit #control-deck{background:linear-gradient(120deg,#15233bf5,#0f172af7);border-color:#ffffff25;box-shadow:0 12px 40px #15233b35;color:#f8fafc}.signal-row,.wheel-keys{color:#94a3b8}.signal-row button{background:#ffffff08;color:#cbd5e1;border-color:#ffffff25}.signal-row button.on{background:#2563eb;color:#fff;box-shadow:0 0 18px #2563eb45}.wheel-rim{border-color:#475569;background:radial-gradient(circle,#1e293b 26%,transparent 27%);box-shadow:0 2px 0 #94a3b888 inset,0 -2px 0 #020617 inset,0 5px 12px #02061766}.wheel-rim:before,.wheel-rim:after{background:linear-gradient(#94a3b8,#334155)}.wheel-rim i{background:linear-gradient(90deg,#334155,#94a3b8,#334155)}.wheel-rim b{background:#60a5fa}.wheel-rim span{background:#1e293b;color:#bfdbfe;border-color:#475569}.wheel-keys button{background:#ffffff0a}.cluster-status,.rpm-labels,.cluster-footer{color:#a8b9d0}.cluster-status .on{color:#93c5fd}.cluster-status button{background:#ffffff08;color:#dbeafe;border-color:#ffffff25}.speed-reading>strong{color:#f8fafc}.speed-reading>span{color:#a8b9d0}.speed-reading>b{background:#2563eb22;border-color:#60a5fa55;color:#93c5fd}.rpm-track{background:repeating-linear-gradient(90deg,#475569 0,#475569 4px,transparent 4px,transparent 7px)}.rpm-track>i{background:repeating-linear-gradient(90deg,#60a5fa 0,#60a5fa 4px,transparent 4px,transparent 7px)}.cluster-footer button{color:#cbd5e1;background:#ffffff08;border-color:#ffffff25}.cluster-footer button.on{color:#fdba74;background:#fb923c18;border-color:#fb923c44}.gear-block .field-label{color:#a8b9d0}#gear-grid button{background:#ffffff08;border-color:#ffffff25;color:#e2e8f0}#gear-grid button.active{background:#2563eb;border-color:#60a5fa;color:#fff}#bite-readout{color:#a8b9d0}#bite-readout>i{background:#334155}#bite-readout>i:after{background:#60a5fa66}#bite-readout b{background:#93c5fd}.pedal,body.cockpit .pedal{background:linear-gradient(115deg,#334155,#1e293b);border-color:#94a3b850;box-shadow:0 3px 2px #94a3b826 inset,0 5px 15px #02061740}.pedal:before{background:repeating-linear-gradient(0deg,#0f172aaa 0,#0f172aaa 3px,transparent 3px,transparent 10px)}.pedal b{color:#f1f5f9}.pedal small,.pedal-wrap>span{color:#a8b9d0}.pedal>i{background:linear-gradient(#3b82f63f,#3b82f688);border-color:#93c5fd}.pedal.brake>i{background:linear-gradient(#fb923c22,#fb923c66);border-color:#fdba74}#drive-footer{color:#e2e8f0;text-shadow:0 1px 4px #15233b}#drive-footer>span:nth-child(2){color:#cbd5e1}#drive-footer button{color:#bfdbfe}#drive-assist{background:#fff;color:#15233b;border-color:#e2e8f0;box-shadow:0 8px 24px #15233b22}#drive-assist.ready{background:#2563eb;border-color:#60a5fa;color:#fff}#drive-assist kbd{border-color:#94a3b855}.control-highlight{outline-color:#60a5fa!important;box-shadow:0 0 0 10px #2563eb33!important}.ltd-challenge{background:#15233bed;color:#dbeafe}
#rotate-overlay{background:radial-gradient(ellipse at 50% 35%,#eff6fffa,#f5f7fbfa 70%)}#rotate-overlay .rotate-card{color:#15233b}#rotate-overlay p{color:#5d6d83}.rotate-phone,.rotate-phone i{border-color:#2563eb}.rotate-phone i{background:#2563eb}.fallback-card{background:#fff;border-color:#e2e8f0;box-shadow:0 18px 70px #15233b12}.fallback-card h1{color:#15233b}.fallback-card .primary{color:#fff}.fallback-back{color:#475569}
@media(max-width:760px){#home-nav{background:#fffffff5;border-color:#e2e8f0;box-shadow:0 10px 35px #15233b15}#drive-footer button{background:#15233bec;border-color:#ffffff25;color:#dbeafe}}
/* Studio refinement: calm surfaces, purposeful motion and usable control targets. */
:root{--studio-ease:cubic-bezier(.2,.75,.3,1);--studio-lavender:#f3f0ff}
button,a,select,input[type=checkbox]{touch-action:manipulation}button,select{min-height:44px}button{min-width:44px;transition:background 180ms var(--studio-ease),color 180ms var(--studio-ease),border-color 180ms var(--studio-ease),box-shadow 180ms var(--studio-ease),transform 180ms var(--studio-ease)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #2563eb;outline-offset:4px}.icon-btn,body.driving .icon-btn,body.driving .header-actions .icon-btn{min-height:44px;min-width:44px;width:44px;height:44px}.brand{min-height:44px}.brand-mark.small{border-radius:13px;box-shadow:0 4px 12px #2563eb1b}.brand-mark{box-shadow:0 4px 12px #2563eb1b}.nav{min-height:44px}.header-actions{gap:9px}.parking-mode-link,.ltd-back{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.primary{min-height:48px;border-radius:11px;padding-inline:23px;box-shadow:0 5px 15px #2563eb1c}.primary:hover{box-shadow:0 7px 20px #2563eb29}.text-btn{min-height:44px}.hero h1{text-wrap:balance}.hero-copy{text-wrap:pretty}.hero-pills{gap:12px}.hero-pills span{border:1px solid #dce4ef;background:#ffffffb3;padding:7px 10px;border-radius:20px;font-size:11px;line-height:1.4}.hero-pills span:not(:last-child):after{display:none}.feature-card{border-radius:15px;box-shadow:0 7px 24px #15233b06;transition:background 180ms var(--studio-ease),border-color 180ms var(--studio-ease),transform 180ms var(--studio-ease),box-shadow 180ms var(--studio-ease)}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #15233b0b}.feature-card>b{background:#f3f0ff;border:1px solid #e7e0fa;border-radius:8px;color:#7760bb;font-size:10px;min-width:28px;height:28px;display:grid;place-items:center;margin:0}.feature-card h3{font-weight:600}.vehicle-caption{border:1px solid #e2e8f0;border-radius:15px;box-shadow:0 8px 25px #15233b08;padding:18px 23px}.vehicle-caption .round-link{width:44px;height:44px;right:-15px}.panel-screen{background:radial-gradient(ellipse at 95% 0%,#eeebff99,transparent 42%),#f5f7fbf8}.section-heading h1{text-wrap:balance;font-weight:600}.section-heading p{line-height:1.65}.segmented{padding:4px;border-radius:12px;background:#eef2f7}.segmented button{min-height:44px;border-radius:8px;font-weight:550}.segmented button.active{background:#fff;color:#2563eb;box-shadow:0 2px 7px #15233b0a;border:1px solid #dbe5f5}.lesson-card{border-radius:17px;transition:border-color 200ms var(--studio-ease),background 200ms var(--studio-ease),transform 200ms var(--studio-ease),box-shadow 200ms var(--studio-ease)}.lesson-art{height:138px}.lesson-art>span{background:#ffffffe8;border:1px solid #e2e8f0;padding:7px 9px;border-radius:7px;top:12px;left:12px;font-size:9px;letter-spacing:.7px}.lesson-card .card-copy{padding:23px}.lesson-card .card-copy h3{margin-top:13px;font-weight:600;line-height:1.25}.lesson-status{font-size:10px;line-height:1.4;letter-spacing:.1px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;border-radius:20px;padding:5px 8px}.recommended .lesson-status{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.completed .lesson-status{background:#f3f0ff;border-color:#e7e0fa;color:#7760bb}.lesson-meta{align-items:center;line-height:1.6}.lesson-meta span:last-child{font-weight:550;white-space:nowrap}#learning-path{border-radius:17px;background:linear-gradient(110deg,#edf4ff,#f3f0ff);padding:25px 28px;border-color:#dfe5f5}#learning-path strong{font-weight:550}.path-track{gap:7px}.path-track i{height:6px}.path-next{border-radius:9px;min-height:60px}.path-next:hover{background:#ffffff9e}.stat-card{border-radius:17px;padding:28px}.stat-card small{line-height:1.6}.history-row{padding:20px 8px}.swatch{min-width:44px;min-height:44px;width:44px;height:44px;border-width:5px}.car-option{min-height:65px;border-radius:12px}.car-option.active{box-shadow:0 4px 17px #2563eb0c}
#modal-backdrop{background:#15233b4d;backdrop-filter:blur(8px)}#modal{border-radius:22px;padding:37px 39px;box-shadow:0 24px 85px #15233b22;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}#modal h2{font-weight:600;text-wrap:balance}.modal-eyebrow{margin-right:44px}.modal-close{top:16px;right:16px}.transmission-choices{gap:13px}.transmission-choice{border-radius:13px;padding:18px;min-height:91px;transition:background 180ms var(--studio-ease),border-color 180ms var(--studio-ease),box-shadow 180ms var(--studio-ease)}.transmission-choice.selected{box-shadow:0 0 0 1px #2563eb10,0 4px 15px #2563eb08}.choice-symbol{width:36px;height:40px;border-radius:10px}.choice-check{background:#2563eb;color:#fff;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px;top:10px;right:10px;font-size:11px}.prepare-controls{background:#f8fafc;padding:19px 21px;border-radius:13px}.prepare-keys{gap:14px}.prepare-keys kbd,.control-table kbd{border-bottom-width:2px;border-radius:6px}.prepare-begin{margin-top:22px!important}.settings-row{gap:24px;padding-block:19px}.settings-row select{min-height:44px;border-radius:9px}.settings-row input[type=checkbox]{width:44px;height:44px;flex-shrink:0;transform:scale(.7);transform-origin:center}.control-table>div{min-height:44px}.modal-actions{gap:10px}.modal-actions button{min-height:44px}.result-stats{padding:23px 0}.result-stats small{font-size:11px;line-height:1.4}.event-list>div{padding:13px 0}.event-list time{font-variant-numeric:tabular-nums}#rotate-overlay{backdrop-filter:none}.rotate-card .primary{min-height:48px}.fallback-card{border-radius:23px}.fallback-back{min-height:44px;display:flex;align-items:center;justify-content:center}
body.driving #header{height:64px}.driving #header .brand-mark.small{height:33px;width:33px}#drive-ui{inset:64px 0 0}#rain-overlay{inset:64px 0 0}.lesson-bar{gap:11px}.lesson-bar>div:nth-child(2){border-radius:11px;padding:11px 16px}.lesson-bar .icon-btn{width:44px;height:44px}.lesson-bar>.subtle{min-height:44px;border-radius:10px}.session-step{border-radius:8px}.coach-head{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;grid-template-rows:auto auto;column-gap:8px;min-height:44px;align-items:center}.coach-head .coach-icon{grid-column:1;grid-row:1/3}.coach-head>span:nth-child(2){grid-column:2;grid-row:1;align-self:end;line-height:1.3}.coach-head small{grid-column:2;grid-row:2;margin:3px 0 0;align-self:start;line-height:1.3}.coach-head .icon-btn{grid-column:3;grid-row:1/3;min-height:44px;min-width:44px;height:44px;width:44px;border-radius:8px;background:#ffffff08}#coach,body.cockpit #coach{border-radius:15px;box-shadow:0 9px 25px #15233b20;backdrop-filter:none}#coach h3{text-wrap:balance;font-weight:600;line-height:1.28}#coach-extra button{min-height:44px;border-radius:8px;margin-top:12px}#navigation,body.cockpit #navigation{border-radius:14px;backdrop-filter:none}.map-bottom strong{line-height:1.5}#observation button{min-height:44px;border-radius:8px;padding-inline:13px}#observation{top:78px}#coach,body.cockpit #coach,#navigation,body.cockpit #navigation{top:105px}#view-toolbar,body.cockpit #view-toolbar{min-height:54px;border-radius:12px;padding:4px;bottom:301px;backdrop-filter:none}#view-toolbar button,body.cockpit #view-toolbar button{min-height:44px;border-radius:8px;padding:10px 12px;font-size:11px}#control-deck,body.cockpit #control-deck{height:250px;bottom:38px;gap:22px;padding:16px 23px;border-radius:21px;backdrop-filter:none;box-shadow:0 12px 35px #15233b26}.steering-block,body.cockpit .steering-block{width:154px;align-self:center}.signal-row button{width:44px;height:44px;min-height:44px}.signal-row{font-size:8px;letter-spacing:.5px}#steering-wheel,body.cockpit #steering-wheel{width:99px;height:99px;margin:7px auto 0}.wheel-keys{margin-top:4px;gap:9px}.wheel-keys button{min-width:44px;min-height:44px;width:44px;height:44px}.wheel-keys span{font-size:7px;letter-spacing:.5px}.drive-cluster,body.cockpit .drive-cluster{width:240px}.cluster-status button,body.cockpit .cluster-status button{min-height:44px;font-size:9px;padding:9px}.cluster-footer button,body.cockpit .cluster-footer button{min-height:44px;padding:8px 10px;font-size:9px}.cluster-footer,body.cockpit .cluster-footer{margin-top:10px!important}.gear-block,body.cockpit .gear-block{width:156px}#gear-grid{gap:6px}#gear-grid button{min-height:44px;height:44px;min-width:44px;font-size:16px;border-radius:8px}.pedal,body.cockpit .pedal{min-width:55px;width:60px;height:139px;border-radius:12px}.pedal.brake,body.cockpit .pedal.brake{width:67px;height:122px}.pedal b,.pedal small{font-size:10px}.pedal-wrap{gap:10px}.pedal-wrap>span{font-size:10px}#drive-assist,body.cockpit #drive-assist{min-height:46px;bottom:368px;border-radius:11px;font-size:13px;padding:10px 15px}#drive-footer button{min-height:44px;padding:8px 12px;border-radius:9px;background:#15233be8;line-height:1.4}#road-feedback{border-radius:11px}.ltd-record{min-height:44px!important}.ltd-challenge{border-radius:7px;padding:8px 11px;font-size:10px}
@media(min-width:961px) and (min-height:581px){body.cockpit .steering-block,body.cockpit .drive-cluster,body.cockpit .gear-block,body.cockpit .pedal-block{position:static;padding:0;background:none;border:0}body.cockpit .speed-reading{height:76px}body.cockpit .speed-reading>strong{font-size:64px}body.cockpit .pedal-block{gap:13px}.cluster-status{min-height:44px}}
@media(max-width:1250px) and (min-width:761px){.header-actions{gap:7px}.header-actions .ltd-back{max-width:105px;font-size:10px!important}.parking-mode-link{font-size:10px;padding:8px}.hero-pills{gap:7px}.hero-pills span{font-size:10px;padding:6px 8px}.lesson-card .card-copy{padding:21px}.hero-actions{gap:10px}#control-deck,body.cockpit #control-deck{gap:15px;padding-inline:18px}.drive-cluster,body.cockpit .drive-cluster{width:222px}.steering-block,body.cockpit .steering-block{width:145px}.pedal-block{gap:9px}.pedal,body.cockpit .pedal{width:55px}.pedal.brake,body.cockpit .pedal.brake{width:61px}#view-toolbar button,body.cockpit #view-toolbar button{padding-inline:9px}}
@media(max-width:760px){#header{height:75px;padding-inline:16px}.screen{inset:75px 0 0}.brand{gap:9px}.studio-wordmark{font-size:18px}.header-actions{gap:5px}.header-actions .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}.parking-mode-link{min-height:44px;font-size:9px;padding:7px}.hero{top:6%}.hero h1{font-size:51px}.hero-pills{gap:6px;margin-top:15px}.hero-pills span{font-size:9px;padding:6px 8px}.hero-actions{gap:7px 14px}.primary{min-height:48px}.vehicle-caption{padding:14px 18px;width:213px}.vehicle-caption .round-link{right:-13px}.nav{min-height:44px}.panel-screen{padding-top:28px}.section-heading h1{font-size:30px;font-weight:600}.section-heading .segmented{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.segmented button{min-height:44px;font-size:11px;padding-inline:11px;white-space:nowrap}#learning-path{padding:21px;border-radius:15px}.path-next{min-height:60px}.lesson-art{height:120px}.lesson-art>span{font-size:9px;padding:6px 8px}.lesson-card .card-copy{padding:22px}.lesson-card .card-copy h3{font-size:21px}.lesson-card .card-copy p{font-size:14px}.lesson-meta{font-size:11px}.lesson-status{font-size:10px}.car-option{min-height:65px}.car-option small{font-size:8px}.swatch{min-width:38px;width:38px;height:44px;min-height:44px;border-width:5px}.garage-info{width:285px}#paints{gap:9px}.stat-card{padding:21px 13px}.history-row{padding-block:18px}#modal{padding:31px 24px;border-radius:19px;max-height:calc(100dvh - 24px)}#modal h2{font-size:29px;line-height:1.17;margin-top:20px}.modal-eyebrow{font-size:9px;line-height:1.5;max-width:calc(100% - 30px)}.modal-close{top:11px;right:11px}.transmission-choice{min-height:91px;padding:15px 12px;grid-template-columns:29px 1fr;gap:6px 8px}.choice-symbol{width:29px;height:35px}.choice-check{width:16px;height:16px;line-height:16px;font-size:10px;top:7px;right:7px}.transmission-choice strong{font-size:13px;padding-right:9px}.transmission-choice small{font-size:11px}.prepare-controls{padding:17px}.prepare-controls>strong{font-size:12px}.prepare-keys{grid-template-columns:1fr;gap:12px}.prepare-keys>span{font-size:12px}#modal #prepare-tip{font-size:12px;line-height:1.7}.settings-row{gap:15px}.settings-row select{font-size:12px;padding:10px}.settings-row small{font-size:12px}.result-stats small{font-size:9px}.control-table{column-gap:14px}.control-table>div{font-size:11px}.result-score>strong{font-size:70px}
body.driving #header{height:58px;padding-inline:12px}body.driving .studio-wordmark{font-size:15px}.driving #header .brand-mark.small{width:28px;height:28px}#drive-ui{inset:58px 0 0}#rain-overlay{inset:58px 0 0}.lesson-bar{top:10px;left:12px;right:12px;gap:7px}.lesson-bar>div:nth-child(2){padding:9px 11px}.lesson-bar .icon-btn{width:44px;height:44px}.lesson-bar strong{font-size:12px}.lesson-bar>.subtle{min-height:44px}.coach-head{grid-template-columns:23px minmax(0,1fr) 44px;column-gap:5px}.coach-head>span:nth-child(2){font-size:7px}.coach-head small{font-size:8px}.coach-head .coach-icon{width:23px;height:25px}.coach-head .icon-btn{width:44px;height:44px;font-size:20px}#coach,body.cockpit #coach{top:82px;padding:12px;width:190px;max-height:215px}#coach h3{font-size:16px;margin-top:12px}#coach p{font-size:12px;line-height:1.6}#coach-extra button{font-size:10px;padding:8px;min-height:44px}#navigation,body.cockpit #navigation{top:82px;width:125px}.map-top{font-size:6px;padding:9px}.map-bottom strong{font-size:9px}.map-bottom small{font-size:6px}#control-deck,body.cockpit #control-deck{display:grid;grid-template-columns:106px minmax(0,1fr);grid-template-rows:75px 145px 83px;gap:12px 15px;padding:14px;bottom:52px;height:360px;left:12px;right:12px;transform:none;width:auto;max-width:none;border-radius:18px}.drive-cluster,body.cockpit .drive-cluster{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:89px minmax(65px,1fr) 93px;width:auto;height:75px;gap:8px;align-items:center;position:relative}.cluster-status,body.cockpit .cluster-status{display:flex;flex-direction:column;gap:5px;font-size:7px;letter-spacing:0}.cluster-status button,body.cockpit .cluster-status button{width:89px;min-height:44px;font-size:8px;padding:6px}.speed-reading,body.cockpit .speed-reading{height:auto;gap:4px;display:flex;align-items:baseline}.speed-reading>strong,body.cockpit .speed-reading>strong{font-size:38px;letter-spacing:-1px}.speed-reading>span{font-size:8px}.speed-reading>b,body.cockpit .speed-reading>b{display:none}.rpm-track,.rpm-labels{display:none}.cluster-footer,body.cockpit .cluster-footer{position:static!important;display:flex;flex-direction:column;gap:5px;margin:0!important;font-size:8px}.cluster-footer button,body.cockpit .cluster-footer button{width:93px;min-height:44px;padding:6px 5px;font-size:8px;line-height:1.35}.steering-block,body.cockpit .steering-block{grid-column:1;grid-row:2;width:106px;height:145px;align-self:start}.signal-row{gap:6px;justify-content:space-between}.signal-row>span{display:none}.signal-row button{width:44px;height:44px}#steering-wheel,body.cockpit #steering-wheel{width:83px;height:83px;margin-top:11px}.wheel-keys{display:none}.gear-block,body.cockpit .gear-block{grid-column:2;grid-row:2;width:auto;align-self:center}.gear-block .field-label{display:none}#gear-grid{gap:6px;grid-template-columns:repeat(3,minmax(44px,1fr))}#gear-grid button{height:44px;min-height:44px;font-size:15px}#bite-readout{display:none}.pedal-block,body.cockpit .pedal-block{grid-column:1/-1;grid-row:3;display:flex;align-self:stretch;align-items:flex-start;justify-content:space-around;gap:12px;width:100%}.pedal-wrap{flex:1;gap:6px}.pedal,body.cockpit .pedal,.pedal.brake,body.cockpit .pedal.brake{min-width:44px;width:100%;height:62px;min-height:62px;max-width:140px;padding-bottom:10px;border-radius:10px;gap:4px}.pedal b{font-size:11px}.pedal small{font-size:8px}.pedal:before{inset:7px 14px 65%}.pedal-wrap>span{font-size:8px}#view-toolbar,body.cockpit #view-toolbar{bottom:424px;left:12px;right:12px;max-width:none;transform:none;height:54px;overflow-x:auto;justify-content:flex-start;gap:3px}#view-toolbar button,body.cockpit #view-toolbar button{font-size:10px;padding-inline:10px;min-height:44px}#observation{top:auto;bottom:489px;gap:5px}#observation button{min-height:44px;font-size:10px;padding:8px 10px;white-space:nowrap}#drive-assist,body.cockpit #drive-assist{bottom:545px;min-height:44px;max-width:calc(100% - 28px);font-size:11px;line-height:1.5;padding:9px 12px;white-space:normal}#drive-footer{bottom:4px;left:12px;right:12px}#drive-footer button{min-height:44px;font-size:11px}.ltd-record{min-height:44px!important}.parking-metrics{gap:5px}.parking-metrics small{font-size:8px}#road-feedback{top:34%;font-size:12px;line-height:1.5}}
@media(max-width:380px){.studio-wordmark{font-size:16px}.brand-mark.small{width:31px;height:31px}.header-actions{gap:4px}.header-actions .icon-btn{width:44px;height:44px}.parking-mode-link{font-size:8px;padding-inline:6px}.hero h1{font-size:46px}.hero-pills span{font-size:8px}.transmission-choices{gap:8px}.transmission-choice{padding:14px 10px;grid-template-columns:1fr}.choice-symbol{display:none}.transmission-choice strong{font-size:13px}.transmission-choice small{font-size:11px}#control-deck,body.cockpit #control-deck{grid-template-columns:92px minmax(0,1fr);column-gap:10px;padding-inline:12px}.steering-block,body.cockpit .steering-block{width:92px}.drive-cluster,body.cockpit .drive-cluster{grid-template-columns:83px minmax(59px,1fr) 88px;gap:6px}.cluster-status button,body.cockpit .cluster-status button{width:83px}.cluster-footer button,body.cockpit .cluster-footer button{width:88px}.speed-reading>strong,body.cockpit .speed-reading>strong{font-size:34px}.gear-block,body.cockpit .gear-block{min-width:144px}#coach,body.cockpit #coach{width:181px}}
@media(orientation:landscape) and (max-height:550px){#header{height:62px;padding-inline:20px}.screen{inset:62px 0 0}#home-nav{position:static;transform:none;background:none;border:0;box-shadow:none;width:auto;min-width:0}.nav{min-height:44px;font-size:10px;padding:10px 8px}.header-actions .ltd-back{display:none}.hero{top:8%}.hero h1{font-size:43px;margin:15px 0}.hero-copy{font-size:12px}.hero-pills{display:none}.hero-actions .primary{min-height:44px;font-size:12px;padding:10px 15px}.hero-actions .text-btn{font-size:11px}.section-heading h1{font-size:30px}.panel-screen{padding-top:26px}.section-heading .segmented{margin-top:17px}.swatch{min-width:44px;width:44px;height:44px}.garage-info{top:4%;width:278px}.garage-info h1{font-size:36px;margin:10px 0}.garage-info .spec-grid{padding:10px 0;margin:9px 0}.garage-info .field-label{margin:10px 0 8px!important}#paints{gap:6px;margin-bottom:12px}.garage-info .primary{min-height:44px}.car-option{min-height:58px}
body.driving #header{height:54px;padding-inline:12px}body.driving .studio-wordmark{font-size:14px}.driving #header .brand-mark.small{width:26px;height:26px}#drive-ui{inset:54px 0 0}#rain-overlay{inset:54px 0 0}.lesson-bar{top:8px;left:10px;right:10px;gap:7px}.lesson-bar>div:nth-child(2){padding:8px 11px;max-width:224px;min-width:0}.lesson-bar strong{font-size:11px}.lesson-bar small{font-size:7px}.lesson-bar .icon-btn,.lesson-bar>.subtle{min-height:44px;height:44px}.lesson-bar>.subtle{font-size:10px;padding:8px 12px}.session-step{display:none}#coach,body.cockpit #coach{top:64px;left:10px;width:194px;padding:10px 12px;max-height:max(74px,calc(100% - 254px));overflow-y:auto}#coach h3{font-size:14px;margin:11px 0 8px}#coach p{font-size:11px}#coach-extra button{font-size:10px;min-height:44px}#navigation,body.cockpit #navigation{top:64px;right:10px;width:122px;max-height:max(74px,calc(100% - 254px));overflow:hidden}.map-top{font-size:6px;padding:8px}.map-top>span:last-child{font-size:8px}#map,body.cockpit #map{height:62px}.map-bottom{padding:8px}.map-bottom strong{font-size:8px}.map-bottom small{font-size:6px}#rear-frame{top:9px;width:174px;height:40px}#observation{top:57px;bottom:auto;gap:4px}#observation button{min-height:44px;font-size:9px;padding:8px}#control-deck,body.cockpit #control-deck{display:flex;align-items:center;justify-content:space-between;left:8px;right:8px;bottom:6px;width:auto;max-width:none;transform:none;height:166px;padding:10px 12px;gap:12px;border-radius:15px}.steering-block,body.cockpit .steering-block{width:100px;height:auto;flex:none;align-self:center}.signal-row{gap:8px}.signal-row>span{display:none}.signal-row button{width:44px;height:44px}#steering-wheel,body.cockpit #steering-wheel{height:68px;width:68px;margin-top:10px}.wheel-keys{display:none}.drive-cluster,body.cockpit .drive-cluster{display:block;position:relative;flex:1 1 145px;width:auto;height:auto;max-width:200px}.cluster-status,body.cockpit .cluster-status{display:flex;flex-direction:row;justify-content:space-between;gap:5px;font-size:7px;min-height:44px}.cluster-status button,body.cockpit .cluster-status button{width:auto;font-size:7px;padding:7px;min-height:44px}.speed-reading,body.cockpit .speed-reading{height:42px;gap:5px;display:flex}.speed-reading>strong,body.cockpit .speed-reading>strong{font-size:37px}.speed-reading>span{font-size:8px}.speed-reading>b,body.cockpit .speed-reading>b{display:grid;font-size:21px;height:32px;width:30px}.rpm-track{height:3px;display:block}.rpm-labels{display:none}.cluster-footer,body.cockpit .cluster-footer{display:flex;flex-direction:row;position:static!important;font-size:7px;gap:5px;margin-top:6px!important}.cluster-footer button,body.cockpit .cluster-footer button{width:auto;font-size:7px;min-height:44px;padding:6px}.gear-block,body.cockpit .gear-block{width:144px;flex:none;min-width:144px}.gear-block .field-label{display:none}#gear-grid{grid-template-columns:repeat(3,44px);gap:4px}#gear-grid button{width:44px;height:44px;min-height:44px;font-size:13px}#bite-readout{display:none}.pedal-block,body.cockpit .pedal-block{display:flex;align-items:flex-end;align-self:center;justify-content:flex-end;width:auto;gap:7px;flex:none}.pedal-wrap{flex:none;gap:0}.pedal-wrap>span{display:none}.pedal,body.cockpit .pedal{width:44px;height:124px;min-width:44px;min-height:124px;max-width:none;padding-bottom:10px;gap:7px}.pedal.brake,body.cockpit .pedal.brake{width:50px;height:112px;min-height:112px}.pedal b{font-size:8px}.pedal small{font-size:7px}.pedal:before{inset:8px 8px 65%}#view-toolbar,body.cockpit #view-toolbar{bottom:180px;left:50%;right:auto;transform:translateX(-50%);height:54px;max-width:calc(100% - 340px);overflow-x:auto;justify-content:flex-start;gap:3px;padding:4px;border-radius:11px}#view-toolbar button,body.cockpit #view-toolbar button{min-height:44px;font-size:10px;padding:9px 10px}.ltd-record{min-height:44px!important;font-size:10px!important}#drive-footer{bottom:180px;right:10px;left:auto}#drive-footer>span{display:none}#drive-footer button{min-height:44px;font-size:10px;padding:8px 10px}#drive-assist,body.cockpit #drive-assist{bottom:246px;max-width:calc(100% - 356px);min-height:44px;white-space:normal;font-size:10px;padding:8px 10px;gap:7px}#drive-assist kbd{font-size:9px}#road-feedback{top:32%;font-size:11px;max-width:320px;padding:10px 13px}.ltd-challenge{top:60px;font-size:9px}#modal{padding:27px 30px;max-height:calc(100dvh - 20px)}#modal h2{font-size:27px}.prepare-keys{grid-template-columns:repeat(3,1fr)}.transmission-choice{padding:14px;min-height:85px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.feature-card:hover,.lesson-card:hover{transform:none}}
[dir=rtl] .lesson-art>span{left:auto;right:12px}[dir=rtl] .modal-eyebrow{margin-right:0;margin-left:44px}[dir=rtl] .choice-check{right:auto;left:10px}
/* Keep compact cosmetic controls as large as the primary input targets. */
.swatch{min-width:44px!important;min-height:44px!important;width:44px;height:44px}
.settings-row input[type=checkbox]{appearance:none;-webkit-appearance:none;position:relative;display:block;width:44px;height:44px;min-width:44px;min-height:44px;transform:none;border:0;background:transparent;border-radius:10px;cursor:pointer}
.settings-row input[type=checkbox]::before{content:"";position:absolute;left:2px;top:11px;width:40px;height:22px;border-radius:14px;background:#cbd5e1;transition:background 180ms var(--studio-ease)}
.settings-row input[type=checkbox]::after{content:"";position:absolute;left:5px;top:14px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #15233b22;transition:transform 180ms var(--studio-ease)}
.settings-row input[type=checkbox]:checked::before{background:#2563eb}.settings-row input[type=checkbox]:checked::after{transform:translateX(18px)}
#header,.panel-screen,.feature-card{backdrop-filter:none}
@media(max-width:760px){#paints{gap:4px}}