:root{color:var(--theme-text);background:var(--theme-app-bg);font-synthesis:none;text-rendering:optimizelegibility;--settings-page-max:980px;--settings-radius:22px;--theme-app-bg:#070a0d;--theme-panel-bg:#10161b;--theme-card-bg:#151d23;--theme-stroke:#26333d;--theme-text:#f4f8fa;--theme-muted:#91a2ad;--semantic-ready:#60e6ad;--semantic-caution:#ffb85c;--semantic-danger:#ff6577;--prop-electric:#6ee7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--theme-app-bg);min-width:320px;min-height:100vh;margin:0}button{font:inherit}.cockpit{width:min(100%, var(--settings-page-max));min-height:100svh;padding:max(20px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));margin:0 auto;container-type:inline-size}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:var(--prop-electric);letter-spacing:.16em;margin:0 0 4px;font-size:12px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(24px,6cqw,40px)}h2{margin-bottom:8px;font-size:clamp(20px,4cqw,28px)}.connection{color:var(--theme-muted);text-transform:capitalize;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.connection span{background:var(--semantic-caution);width:10px;height:10px;box-shadow:0 0 14px color-mix(in srgb, var(--semantic-caution) 60%, transparent);border-radius:50%}.connection.live span{background:var(--semantic-ready)}.speed-panel{border:1px solid var(--theme-stroke);border-radius:calc(var(--settings-radius) + 8px);background:radial-gradient(circle at 50% 40%, #17303a 0, var(--theme-panel-bg) 55%, #0b1014 100%);place-items:center;min-height:clamp(310px,70cqw,520px);margin:20px 0;display:grid;position:relative;overflow:hidden}.battery-arc{aspect-ratio:1;border:clamp(8px,1.5cqw,14px) solid #263842;border-top-color:var(--prop-electric);opacity:.9;border-radius:50%;width:76%;position:absolute;transform:rotate(-45deg)}.speed-reading{justify-items:center;line-height:1;display:grid;position:relative}.speed-reading p{color:var(--theme-muted);letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:800}.speed-reading strong{font-variant-numeric:tabular-nums;letter-spacing:-.09em;font-size:clamp(96px,29cqw,230px)}.speed-reading span{color:var(--theme-muted);font-size:clamp(18px,4cqw,28px)}.battery-reading{text-align:right;grid-template-columns:auto auto;align-items:baseline;gap:2px 16px;display:grid;position:absolute;bottom:8%}.battery-reading span{max-width:130px;color:var(--theme-muted);text-align:left;grid-row:1/3;align-self:center;font-size:12px;line-height:1.25}.battery-reading strong{font-size:24px}.battery-reading small{color:var(--theme-muted);font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-grid article{border:1px solid var(--theme-stroke);border-radius:var(--settings-radius);background:var(--theme-card-bg);gap:5px;padding:16px;display:grid}.metric-grid span,.metric-grid small{color:var(--theme-muted);font-size:12px}.metric-grid strong{font-variant-numeric:tabular-nums;font-size:clamp(22px,5cqw,36px)}.system-card{border:1px solid var(--theme-stroke);border-radius:var(--settings-radius);background:var(--theme-panel-bg);grid-template-columns:1fr auto;gap:24px;margin-top:18px;padding:20px;display:grid}.system-card p:not(.eyebrow){max-width:60ch;color:var(--theme-muted);margin-bottom:0;font-size:14px;line-height:1.5}dl{min-width:170px;margin:0}dl div{justify-content:space-between;gap:16px;padding:5px 0;display:flex}dt{color:var(--theme-muted);font-size:12px}dd{text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.error{color:var(--semantic-danger);margin:16px 0 0;font-size:14px}.ride-action{border:1px solid color-mix(in srgb, var(--prop-electric) 50%, transparent);color:#061015;background:var(--prop-electric);cursor:pointer;border-radius:18px;width:100%;min-height:58px;margin-top:18px;font-weight:850}.ride-action.stop{border-color:color-mix(in srgb, var(--semantic-danger) 55%, transparent);color:var(--theme-text);background:color-mix(in srgb, var(--semantic-danger) 18%, var(--theme-panel-bg))}.ride-action:focus-visible{outline-offset:3px;outline:3px solid #fff}.ride-action:disabled{cursor:wait;opacity:.55}.wheel-picker{gap:10px;margin-top:18px;display:grid}.scan-action{border:1px solid var(--theme-stroke);min-height:50px;color:var(--theme-text);background:var(--theme-card-bg);cursor:pointer;border-radius:16px;font-weight:750}.wheel-list{gap:8px;display:grid}.wheel-list button{border:1px solid var(--theme-stroke);min-height:54px;color:var(--theme-text);background:var(--theme-panel-bg);border-radius:14px;justify-content:space-between;padding:12px 16px;display:flex}.wheel-list button.selected{border-color:var(--prop-electric);background:color-mix(in srgb, var(--prop-electric) 10%, var(--theme-panel-bg))}.wheel-list span{color:var(--theme-muted)}.install-card{border:1px solid var(--theme-stroke);border-radius:var(--settings-radius);background:var(--theme-panel-bg);margin-top:18px;padding:20px}.install-card p{color:var(--theme-muted);margin-bottom:0;font-size:14px;line-height:1.5}.install-card .ride-action{place-items:center;text-decoration:none;display:grid}@container (width<=620px){.metric-grid{grid-template-columns:repeat(2,1fr)}.system-card{grid-template-columns:1fr}dl{min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}