:root{font-family:Arial,"Noto Sans Hebrew",sans-serif;color:#242536;background:#f5f6fa;font-synthesis:none;--accent:#6154d9;--ink:#242536;--muted:#787a8c;--line:#e6e7ef;--card:#fff}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:15px;min-height:48px;padding:13px 20px;font-weight:600;transition:transform .16s,background .16s}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9c8df5;outline-offset:4px}button.primary{background:var(--accent);color:#fff;box-shadow:0 5px 14px #6154d91b}.secondary{background:#eeedf9;color:#5346c3}.quiet{background:transparent;color:var(--muted)}.danger-quiet{background:#fff0f1;color:#a0485a}.full{width:100%}.button-row{display:flex;gap:10px;margin-top:12px}.button-row>*{flex:1}.top{height:92px;max-width:1120px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;direction:ltr;color:var(--ink);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:3px}.brand small{display:block;letter-spacing:1.4px;font-size:7px;color:#8b8b9b;margin-top:5px}.mark{font-size:29px;letter-spacing:-2px;position:relative;width:39px;height:42px;display:grid;place-items:center;font-weight:400}.mark span{position:absolute;right:1px;bottom:8px;width:9px;height:9px;border-radius:50%;background:#9182f5;border:2px solid #f5f6fa}.top-end{display:flex;gap:10px;align-items:center}.private-label{color:var(--muted);font-size:11px}main{max-width:1056px;margin:auto;padding:15px 0 120px}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.6;color:#9293a4;display:block;direction:ltr;font-weight:600}h1{font-size:37px;letter-spacing:-1.5px;margin:9px 0;font-weight:700;line-height:1.15}h2{font-size:22px;letter-spacing:-.6px;margin:7px 0 0}p{font-size:14px;line-height:1.7;color:var(--muted);margin:9px 0 20px}small,.small{font-size:11px;line-height:1.6;color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.heading p{margin:5px 0}.vehicle-picker{display:flex;flex-direction:column;gap:8px}.vehicle-picker label{font-size:10px;color:var(--muted)}select,input:not([type=range]),textarea{border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:12px;width:100%;min-height:46px}select{font-size:13px}.vehicle-picker select{min-width:190px;max-width:300px}.screen{animation:appear .24s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.vehicle-card{background:radial-gradient(ellipse at 50% 32%,#374058 0,#1f2536 53%,#1b2130 100%);color:#fff;padding:29px 35px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 18px 35px #20233818}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top h2{font-size:35px;letter-spacing:-1px;direction:ltr;text-align:right;font-weight:400}.card-top .eyebrow{font-size:8px;color:#939eaf;letter-spacing:2px}.status{font-size:11px;padding:8px 12px;border-radius:30px;background:#ffffff13;color:#d3d9e5;display:flex;align-items:center;gap:7px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:#abb4c3}.status[data-state=online]:before{background:#93eac5;box-shadow:0 0 9px #93eac55c}.status[data-state=online]{color:#a8e6cb;background:#89deb717}.car-image{display:block;max-width:650px;width:100%;height:auto;margin:-22px auto -14px;filter:drop-shadow(0 10px 10px #0002)}.battery-head{display:flex;justify-content:space-between;align-items:center;direction:ltr;margin-top:0}.battery-number{font-size:38px;letter-spacing:-1px;font-weight:400;display:flex;gap:3px;align-items:baseline}.battery-number .unit{font-size:19px;color:#8f9bae}.battery-label{font-size:10px;letter-spacing:0;color:#8f9bae;margin-left:9px}.battery-head>#range{font-size:14px;color:#cad5e6;direction:rtl}.vehicle-card progress{display:block;appearance:none;width:100%;height:5px;border:0;border-radius:10px;margin:12px 0 21px;background:#ffffff12}.vehicle-card progress::-webkit-progress-bar{background:#ffffff12;border-radius:10px}.vehicle-card progress::-webkit-progress-value{background:#b9aafc;border-radius:10px}.vehicle-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vehicle-stats>div{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:4px;font-size:11px;color:#93a0b2}.vehicle-stats strong{font-weight:400;font-size:16px;color:#e2e9f3}.mini-icon{font-size:24px;color:#b2bdd0}.refresh-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #ffffff12;margin-top:21px;padding-top:13px}.refresh-row small{color:#99a6b7}.light-button{background:#ffffff0c;color:#c8d2e3;border-radius:10px;min-height:36px;padding:8px 12px;font-size:11px}.vehicle-card>#wake{margin-top:8px}.vehicle-card .small{color:#a9b5c6}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-space{margin:29px 0 16px}.section-space h2{font-size:20px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid button{background:#fff;display:flex;flex-direction:column;align-items:center;gap:8px;padding:23px 6px;border:1px solid #ededf4;box-shadow:0 4px 13px #23244203;border-radius:20px}.quick-symbol{width:42px;height:42px;background:#f1effc;border-radius:14px;display:grid;place-items:center;font-size:24px;color:#7360d8;margin-bottom:4px}.quick-grid strong{font-size:13px}.quick-grid small{font-size:10px;font-weight:400}.install-banner{display:flex;align-items:center;gap:14px;padding:19px 20px;border-radius:20px;background:#edecf8;margin-top:23px}.app-badge{background:#292338;color:#c9baff;font-size:27px;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}.install-banner strong{font-size:13px}.install-banner p{font-size:11px;margin:5px 0 0}.install-banner button{margin-inline-start:auto;background:white;font-size:12px;padding:9px 15px}.card{background:#fff;border:1px solid #ececf3;border-radius:24px;padding:26px;margin-bottom:18px;box-shadow:0 6px 18px #30344a03}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.glyph{font-size:31px;color:#9483d9}.temperature{display:flex;direction:ltr;align-items:center;justify-content:space-around;margin:35px 0 24px}.round{border:1px solid var(--line);background:#fff;border-radius:50%;width:45px;min-height:45px;padding:0;font-size:26px;font-weight:400;color:#686080}.temperature output{font-size:65px;letter-spacing:-4px;font-weight:400}.card input[type=range]{width:100%;accent-color:var(--accent);margin:8px 0 25px;cursor:pointer;height:18px}.charge-limit{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin:20px 0 10px}.charge-limit output{font-size:48px;direction:ltr;letter-spacing:-2px}.amps-row{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.amps-row input{width:66px}.amps-row button{margin-inline-start:auto}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.action-grid button{display:flex;flex-direction:column;align-items:center;gap:13px;background:#f6f6fb;font-size:12px;padding:20px 7px}.action-grid button>span{font-size:28px;font-weight:400;color:#8c82ba}.sentry-hero{background:linear-gradient(140deg,#ece8fe,#efedf8 70%,#e4eef0);border-radius:26px;padding:29px;margin-bottom:18px;text-align:center;position:relative}.shield{display:grid;place-items:center;background:#fff9;color:#7763c3;font-size:51px;width:82px;height:82px;border:1px solid #fff;border-radius:26px;margin:0 auto 19px;box-shadow:0 6px 17px #826fa612}.sentry-hero h2{font-size:32px;line-height:1.3;margin:10px 0}.sentry-hero .button-row{max-width:400px;margin:22px auto 0}.push-card .status-copy{background:#f6f5fb;border-radius:12px;padding:12px;font-size:12px;color:#645b88}.push-card>small{display:block;margin-top:14px}.event-list,.history ul{padding:0;list-style:none;margin:15px 0 0}.event-list li,.history li{padding:15px 0;border-top:1px solid var(--line);font-size:13px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.event-list time,.history time{font-size:10px;color:var(--muted);margin-inline-start:auto}.event-list strong{font-size:13px}.event-list .event-dot{width:8px;height:8px;background:#e8a44c;border-radius:50%}.event-list .panic{background:#e97988}.empty{color:#9393a5;line-height:1.7;padding:24px 0!important;font-size:12px!important}.result{font-size:11px;color:#888296}.history h2{font-size:18px}details summary{cursor:pointer;font-size:14px;font-weight:600}details label{display:block;font-size:12px;margin-bottom:9px}details select{margin-bottom:12px}.setup-panel ol{list-style:none;padding:0;margin:25px 0 0}.setup-panel li{display:flex;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line)}.step-number{width:28px;height:28px;border-radius:50%;background:#f1eefc;color:#9181c2;display:grid;place-items:center;font-size:12px;flex-shrink:0}.setup-panel li strong{font-size:13px}.setup-panel li small{display:block;max-width:240px}.setup-panel li button{margin-inline-start:auto;font-size:11px;padding:10px 12px}.setup-panel p.small{margin-bottom:0}.card>label,#relay-command-box label{font-size:12px;display:block;margin:16px 0 8px}.card textarea{font-family:monospace;font-size:11px;line-height:1.6;resize:vertical}.card textarea+button{margin-top:10px}footer{text-align:center}footer p{font-size:12px}.bottom-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px));background:#fffffff2;border:1px solid #fff;backdrop-filter:blur(18px);box-shadow:0 8px 36px #3331481c;display:grid;grid-template-columns:repeat(4,1fr);border-radius:23px;padding:8px;z-index:10}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;font-size:10px;color:#9997a9;padding:6px 8px;min-height:57px;border-radius:16px}.bottom-nav button span{font-size:23px;line-height:27px;font-weight:400}.bottom-nav [aria-current=page]{background:#eeebfa;color:#6b57c4}.entry{max-width:450px;margin:auto;padding:20px 5px}.entry-art{border-radius:30px;background:radial-gradient(ellipse,#3e4059,#202334);overflow:hidden;margin-bottom:32px}.entry-art img{width:100%;height:auto;display:block}.entry h1{font-size:52px;line-height:1.15;letter-spacing:-2px;margin:15px 0}.entry h1 span{color:#8a7ac4}.entry>p{font-size:16px}.login-card{margin-top:28px}.login-card label{font-size:12px;display:block;margin-bottom:10px}.login-card input{padding:17px}.login-card button{margin-top:14px;display:flex;justify-content:space-between;padding:17px 20px}.login-card .small{text-align:center}.notice{padding:15px;background:#efe9ff;border-radius:14px;line-height:1.6}.loading{text-align:center;color:var(--muted);padding:100px 20px;font-size:13px}.loading-ring{display:block;margin:0 auto 23px;width:30px;height:30px;border:2px solid #e0dbf2;border-top-color:#8d7dc6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#29263c;color:#fff;padding:15px 20px;border-radius:17px;box-shadow:0 7px 30px #0002;max-width:calc(100vw - 32px);width:max-content;z-index:30;font-size:13px;line-height:1.6}#toast.error{background:#743f50}dialog{border:1px solid var(--line);border-radius:25px;max-width:430px;width:calc(100% - 36px);padding:28px;color:var(--ink)}dialog::backdrop{background:#19152688;backdrop-filter:blur(5px)}[hidden]{display:none!important}@media(min-width:800px){.screen[data-screen=home]{max-width:760px;margin:auto}.screen[data-screen=sentry],.screen[data-screen=settings]{max-width:680px;margin:auto}.vehicle-card{padding-inline:45px}.car-image{margin-top:-38px;margin-bottom:-34px}.battery-number{font-size:48px}}@media(max-width:1120px){main{padding:15px 28px 130px}}@media(max-width:600px){.top{height:78px;padding:0 23px}.brand{font-size:18px}.brand small{font-size:6px}.private-label{display:none}.top .quiet{font-size:11px;padding:8px 10px}main{padding:10px 20px 125px}.heading{display:block;margin-bottom:22px}h1{font-size:31px}.heading p{font-size:12px}.vehicle-picker{margin-top:18px;flex-direction:row;align-items:center;justify-content:space-between}.vehicle-picker select{min-width:0;max-width:235px;background:transparent;border:0;padding:5px;min-height:30px;text-align:left;font-size:11px}.vehicle-picker label{font-size:11px}.vehicle-card{border-radius:24px;padding:23px 22px}.card-top h2{font-size:29px}.card-top .eyebrow{font-size:6px;letter-spacing:1.7px}.status{font-size:10px;padding:7px 9px}.car-image{width:calc(100% + 24px);max-width:none;margin:0 -12px -6px}.battery-number{font-size:34px}.vehicle-stats{gap:15px}.vehicle-stats>div{grid-template-columns:20px 1fr;font-size:9px}.vehicle-stats strong{grid-column:2;font-size:14px}.mini-icon{grid-row:1/3;font-size:23px}.refresh-row{margin-top:17px}.refresh-row small{font-size:9px}.quick-grid{gap:8px}.quick-grid button{border-radius:18px;padding:17px 4px;gap:7px}.quick-grid strong{font-size:11px}.quick-grid small{font-size:8px}.quick-symbol{width:37px;height:37px;font-size:23px;border-radius:12px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.section-space h2{font-size:18px}.install-banner{padding:16px 13px;gap:10px}.install-banner strong{font-size:11px}.install-banner p{font-size:10px}.install-banner .app-badge{width:37px;height:37px;font-size:24px;flex-shrink:0}.install-banner button{padding:9px 12px;min-height:38px;font-size:11px}.card{padding:23px 20px;border-radius:22px}.card h2{font-size:20px}.card p{font-size:12px}.control-grid{grid-template-columns:1fr;gap:0}.action-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{bottom:max(13px,env(safe-area-inset-bottom));border-radius:22px}.entry{padding:5px 0}.entry h1{font-size:46px}.entry-art{margin-bottom:27px}.entry>p{font-size:14px}.setup-panel li{gap:8px}.setup-panel li strong{font-size:12px}.setup-panel li small{font-size:10px;max-width:145px}.setup-panel li button{font-size:10px;padding:9px;min-height:42px}.button-row button{font-size:12px;padding:12px 10px}.sentry-hero{padding:25px 20px}.sentry-hero h2{font-size:30px}.history li{font-size:11px}.history time{display:block;width:100%}footer{margin-top:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Dark garage palette */
:root{color-scheme:dark;font-family:Arial,sans-serif;color:#edf0f7;background:#0b0e14;--accent:#9484f5;--ink:#edf0f7;--muted:#a1abbd;--line:#2a3243;--card:#151b26}
body{background:radial-gradient(ellipse at 50% 0,#192035 0,transparent 60%) #0b0e14;min-height:100vh}
button.primary{background:#9787f5;color:#111322;box-shadow:0 5px 20px #8b79f51f}.secondary{background:#2c2645;color:#d2c8ff}.danger-quiet{background:#3a202c;color:#ffa5b8}
.mark span{border-color:#0b0e14}.brand small,.eyebrow{color:#abb3c6}
select,input:not([type=range]),textarea{background:#111722;border-color:var(--line);color:var(--ink)}
.card,.quick-grid button{background:var(--card);border-color:var(--line);box-shadow:0 8px 24px #0002}
.quick-symbol,.round,.action-grid button{background:#232b3b;color:#d4c9ff}.quick-symbol,.action-grid button>span,.glyph{color:#b8a9ff}
.install-banner{background:#191e30;border-color:var(--line)}.app-badge{background:#302947;color:#d2c8ff}
.sentry-hero{background:linear-gradient(140deg,#292340,#171d2a 70%,#15282d);border:1px solid var(--line)}.shield{background:#332b4d;color:#c6b6ff;border-color:#544672}
.push-card .status-copy{background:#23283b;color:#c0c9dd}.step-number{background:#302947;color:#d2c8ff}
.bottom-nav{background:#141a26f2;border-color:#30394c;box-shadow:0 8px 36px #0008}.bottom-nav button{color:#a8b2c6}.bottom-nav [aria-current=page]{background:#332b4d;color:#dacfff}
.notice{background:#2c2645;color:#d2c8ff}.entry h1 span{color:#b6a6ff}.loading-ring{border-color:#353047;border-top-color:#b6a6ff}
dialog{background:var(--card)}#toast{background:#30374b;border:1px solid #49546e}#toast.error{background:#522c3a;border-color:#93536a}
.card-top h2{text-align:left}.battery-head>#range{direction:ltr}.vehicle-picker select{text-align:left}

.install-banner button{background:#2c2645;color:#d2c8ff}.round{border-color:var(--line)}

.bottom-nav{grid-template-columns:repeat(5,1fr);width:min(560px,calc(100% - 32px))}
.chart-column{border:0;background:transparent;color:inherit;padding:0;min-height:0}.sentry-location-popup{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#1a2029;font-size:11px}.sentry-location-popup strong,.sentry-location-popup p,.sentry-location-popup a{display:block;margin:0 0 6px}.sentry-location-popup a{color:#d9a08e;text-decoration:none}.sentry-location-popup a:last-child{margin-bottom:0}
.sentry-chart-wrap{margin:18px 0 8px;padding:14px 12px 10px;border:1px solid var(--line);border-radius:12px;background:#11151b}.chart-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink)}.chart-heading span{font-size:11px;color:var(--muted)}.sentry-chart{height:128px;display:grid;grid-template-columns:repeat(24,1fr);gap:4px;align-items:end;padding:12px 2px 0;border-bottom:1px solid var(--line)}.chart-column{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;min-width:0}.chart-column span{display:block;width:100%;min-height:2px;border-radius:3px 3px 0 0;background:#343b46}.chart-column span.has-events{background:var(--accent)}.chart-column small{height:11px;font-size:8px;color:var(--muted)}.log-day-nav,.history-day-nav{margin:10px 0}.log-day-nav button,.history-day-nav button,.section-heading button{min-height:32px;padding:6px 10px;border-radius:8px;font-size:11px}.log-day-nav input,.history-day-nav input{min-height:32px;padding:6px 8px;font-size:11px}.card{padding:20px;border-radius:14px}.section-heading h2{font-size:18px}.button-row{gap:8px}.button-row button,button{border-radius:9px;min-height:40px;padding:9px 13px}.quick-grid button,.action-grid button{border-radius:10px;padding:13px 6px}.bottom-nav{border-radius:12px;padding:4px}.bottom-nav button{min-height:42px;border-radius:8px}.sentry-hero{padding:20px;border-radius:14px}.sentry-hero h2{font-size:23px}.sentry-hero .shield{display:none}.push-card p:not(#push-status),.push-card>small{display:none}.eyebrow,.brand small,.private-label,.section-heading .eyebrow,.card-top .eyebrow{display:none!important}.heading p,.entry>p,.install-banner,.setup-panel>p,.card>p.small{display:none}
.screen[data-screen=events]{max-width:760px;margin:auto}.event-form label,.event-fields label{display:block;font-size:12px;color:var(--muted);margin:18px 0 8px}
.event-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.event-fields>div{min-width:0}.event-form fieldset{border:0;padding:0;margin:20px 0;display:flex;gap:6px;flex-wrap:wrap}.event-form legend{font-size:12px;color:var(--muted);margin-bottom:8px}
#event-days label{margin:0;position:relative;flex:1;text-align:center;min-width:36px}#event-days input{position:absolute;opacity:0;width:1px;min-height:0}#event-days span{display:block;border:1px solid var(--line);padding:12px 4px;border-radius:10px;font-size:11px}#event-days input:checked+span{background:#332b4d;color:#dacfff;border-color:#7966ba}#event-days input:focus-visible+span{outline:3px solid #b6a6ff}
.event-form .event-check{display:flex;align-items:center;gap:12px;line-height:1.6}.event-check input[type=checkbox]{width:19px;min-height:19px;accent-color:var(--accent);flex-shrink:0}
.event-action{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px) 40px;gap:10px;align-items:end;margin:14px 0}.event-action>select{min-width:0}.event-parameters:empty{display:none}.event-action:has(.event-parameters:empty){grid-template-columns:minmax(0,1fr) 40px}.event-parameters label{margin:0;font-size:10px}.event-parameters input,.event-parameters select{margin-top:5px}.event-action>button{padding:10px;min-height:46px}
.event-rule h2{font-size:18px;overflow-wrap:anywhere}.event-rule .event-enabled{color:#a8e6cb}.event-paused{color:var(--muted)}.event-enabled,.event-paused{font-size:11px}.event-action-summary{padding-left:20px;font-size:13px;line-height:1.9;color:#cbd4e5}.event-rule p{margin-bottom:10px}#event-runs small{width:100%}.card a{color:#c2b5ff}.event-form{scroll-margin-top:20px}
@media(max-width:600px){.event-action{grid-template-columns:minmax(0,1fr) minmax(0,90px) 30px;gap:7px}.event-action>select{font-size:11px;padding:10px 7px}.event-fields{gap:10px}.bottom-nav button{font-size:9px;padding:6px 3px}.event-form h2{font-size:18px}}
.sentry-response-row{border:1px solid var(--line);border-radius:16px;margin:20px 0;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sentry-response-row legend{font-size:14px;font-weight:600;padding:0 7px}.sentry-response-row label{margin:0;font-size:11px;min-width:0}.sentry-response-row input,.sentry-response-row select{margin:7px 0 0}.response-status-panel h2{font-size:18px}.response-status-panel button{font-size:11px;flex-shrink:0}.response-status-panel p{overflow-wrap:anywhere}#sentry-response-form>button{margin-top:8px}@media(max-width:600px){.sentry-response-row{padding:13px;gap:10px}.sentry-response-row select{font-size:11px;padding:10px 7px}.response-status-panel .section-heading{align-items:flex-start}}

#event-map{height:340px;width:100%;border-radius:14px;margin:12px 0;background:#dce5e9;z-index:0}#event-map .leaflet-control a{color:#222}#event-map .leaflet-control-attribution{font-size:10px;color:#222}#event-map-centre{margin-bottom:8px}

/* Simplified task-first UX */
main{max-width:860px;padding-top:28px}.top{max-width:860px;height:78px}.heading{margin-bottom:18px}.heading h1{font-size:30px;letter-spacing:-.8px}.heading p{font-size:13px}.heading .eyebrow{display:none}.vehicle-picker{display:none}.vehicle-card{padding:24px 28px;border-radius:20px}.card-top h2{font-size:28px}.card-top .eyebrow{display:none}.car-image{margin:-10px auto -12px;max-width:540px}.battery-number{font-size:40px}.vehicle-stats{margin-top:4px}.refresh-row{margin-top:16px}.section-space{margin:24px 0 12px}.section-space .eyebrow{display:none}.section-space h2{font-size:18px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid button{padding:17px 8px;border-radius:14px}.quick-grid button:nth-child(4){display:none}.quick-grid small{display:none}.quick-symbol{width:34px;height:34px;font-size:20px;border-radius:10px;margin:0}.quick-grid strong{font-size:12px}.install-banner{display:none}.card{padding:22px 24px;border-radius:18px}.control-grid{gap:12px}.actions{margin-top:12px}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px}.action-grid button{padding:16px 6px;gap:8px}.sentry-hero{padding:24px;border-radius:18px}.sentry-hero .shield{width:58px;height:58px;font-size:34px;margin-bottom:12px}.sentry-hero h2{font-size:25px}.bottom-nav{bottom:14px;padding:6px;border-radius:18px}.bottom-nav button{min-height:48px;gap:2px}.bottom-nav button span{font-size:19px}.bottom-nav button{font-size:9px}
@media(max-width:600px){main{padding:12px 16px 112px}.top{height:68px;padding:0 16px}.top-end .quiet{padding:7px}.heading h1{font-size:28px}.vehicle-card{padding:20px 18px;border-radius:18px}.card-top h2{font-size:24px}.car-image{width:calc(100% + 18px);margin:0 -9px -4px}.battery-number{font-size:34px}.quick-grid{gap:7px}.quick-grid button{padding:15px 5px}.quick-grid strong{font-size:11px}.vehicle-stats{gap:10px}.vehicle-stats>div{font-size:9px}.card{padding:20px 18px}.action-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{width:calc(100% - 24px)}}

.sentry-event-icon{font-size:21px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-width:28px}.sentry-event-response{width:100%;color:var(--muted);font-size:11px}

/* M3HC app visual system: restrained, editorial and product-led. */
:root{--accent:#d96a52;--ink:#f3f0ea;--muted:#9ca3ad;--line:#2b313b;--card:#15191f}
body{background:radial-gradient(ellipse at 78% -10%,#252d38 0,transparent 42%),#0c0f13}
.top{max-width:1180px;height:96px}.brand{letter-spacing:1px;font-family:Arial,sans-serif}.brand .mark{font-weight:700;letter-spacing:-2px;color:#f3f0ea;width:43px;height:43px;background:#d96a52;border-radius:12px;font-size:17px}.brand .mark span{display:none}.brand small{color:#9ca3ad;letter-spacing:1.8px}.private-label{color:#aeb4be}
main{max-width:1180px}.vehicle-card{background:linear-gradient(145deg,#252b34,#15191f 72%);border:1px solid #3b424d;border-radius:22px;box-shadow:0 22px 45px #0005}.vehicle-card progress::-webkit-progress-value{background:#d96a52}.card,.quick-grid button{border-radius:18px;background:#15191f;border-color:#2b313b;box-shadow:0 10px 28px #0003}.quick-grid button:hover,.action-grid button:hover{border-color:#8c5c50;transform:translateY(-2px)}.quick-symbol,.action-grid button{background:#20262f;color:#e7a08e}.quick-symbol{color:#e7a08e}.bottom-nav{background:#161b22f2;border-color:#343b47}.bottom-nav [aria-current=page]{background:#3a2928;color:#f1b4a2}.primary{background:#d96a52!important;color:#fff!important}.secondary{background:#2e292d;color:#f0b3a4}.sentry-hero{background:linear-gradient(145deg,#3b2b31,#191e25 70%);border-color:#4a373a}.shield{background:#4b3031;color:#f2ad9b;border-color:#79514b}.entry h1 span{color:#e7a08e}.entry-art{background:radial-gradient(ellipse,#3b4148,#171b21)}