:root{--bg:#080a0f;--surface:#11141a;--surface-soft:#0d1016;--line:#ffffff1a;--text:#a7adb8;--text-strong:#f4f1ea;--muted:#6f7784;--accent:#d91f32;--good:#53d68f;--warn:#d7a646;--replace:#f97345;--danger:#ff5a64;--focus:#f4f1ea;--shadow:0 18px 50px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:radial-gradient(circle at 50% -10%, #d91f322e, transparent 30%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0}button{-webkit-tap-highlight-color:transparent}h1,h2{color:var(--text-strong);letter-spacing:0;font-weight:760}h1{margin:0;font-size:34px;line-height:1}h2{font-size:22px;line-height:1.12}p{margin:0}.app-shell{flex-direction:column;gap:22px;min-height:100svh;padding:26px 18px 34px;display:flex}.garage-header,.vehicle-topline,.card-actions,.vehicle-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700;display:block}.icon-button,.primary-action,.secondary-action,.danger-action,.close-button,.back-button,.menu-button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:750}.icon-button,.close-button,.back-button,.menu-button{color:var(--text-strong);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.icon-button,.close-button,.menu-button{flex:0 0 44px;width:44px}.icon-button{font-size:24px;line-height:1}.back-button{padding:0 14px}.summary-strip{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.summary-strip div{padding:14px 10px}.summary-strip div+div{border-left:1px solid var(--line)}.summary-strip span{color:var(--muted);font-size:12px;display:block}.summary-strip strong{color:var(--text-strong);margin-top:3px;font-size:18px;line-height:1.1;display:block}.vehicle-list{gap:14px;display:grid}.empty-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:14px;padding:18px;display:grid}.empty-card p:not(.eyebrow){color:var(--muted)}.garage-card{border:1px solid var(--line);width:100%;color:inherit;background:linear-gradient(145deg, #ffffff0f, transparent 38%), var(--surface);box-shadow:var(--shadow);text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.garage-card strong{color:var(--text-strong);font-size:21px;line-height:1.15;display:block}.garage-card small{color:var(--muted);margin-top:9px;font-size:13px;display:block}.status-cluster{grid-template-columns:repeat(2,14px);gap:8px;display:grid}.status-dot{background:var(--muted);border-radius:50%;width:14px;height:14px;display:block;box-shadow:0 0 0 4px #ffffff0a}.status-good{background:var(--good)}.status-monitor{background:var(--warn)}.status-replaceSoon{background:var(--replace)}.status-attention{background:var(--danger)}.status-none{background:#5b6470}.vehicle-hero{gap:8px;display:grid}.vehicle-hero p:last-child{color:var(--muted)}.tyre-map,.tyre-detail-card,.health-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:18px}.health-card{gap:4px;display:grid}.health-card span{color:var(--muted);font-size:12px;font-weight:800}.health-card strong{color:var(--text-strong)}.tyre-map{gap:14px;display:grid}.axle-label{color:var(--muted);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-size:12px;font-weight:800}.tyre-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tyre-button{border:1px solid var(--line);min-height:128px;color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:8px;justify-items:center;gap:8px;padding:15px 10px 13px;display:grid}.tyre-button.is-selected{background:#171b23;border-color:#f4f1ea73}.tyre-outline{background:linear-gradient(90deg,#0000 0 18%,#ffffff14 19% 21%,#0000 22% 48%,#ffffff14 49% 51%,#0000 52% 78%,#ffffff14 79% 81%,#0000 82%),#161a22;border:3px solid #858c98;border-radius:18px;place-items:center;width:52px;height:72px;display:grid;position:relative;box-shadow:inset 0 0 0 4px #090b10,inset 0 0 0 7px #ffffff0f}.tyre-button.is-selected .tyre-outline{border-color:#c4c9d2;box-shadow:inset 0 0 0 4px #090b10,inset 0 0 0 7px #ffffff14,0 0 0 4px #f4f1ea12}.tyre-status{border-radius:50%;width:13px;height:13px;display:block;box-shadow:0 0 0 4px #080a0fe6,0 0 0 5px #ffffff1f}.tyre-button strong{color:var(--text-strong);font-size:18px}.tyre-button span{color:var(--muted);font-size:13px}.vehicle-spine{border:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#090b10;border-radius:999px;justify-self:center;padding:8px 18px;font-size:12px;font-weight:800}.tyre-detail-card{gap:18px;display:grid}.status-pill{color:#080a0f;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850}.tyre-spec{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:4px;padding:13px;display:grid}.tyre-spec span{color:var(--muted);font-size:13px}.tyre-spec strong{color:var(--text-strong)}.tread-strip,.tread-form-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tread-point{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:12px}.tread-point span,.tread-point em{color:var(--muted);font-size:12px;font-style:normal;display:block}.tread-point strong{color:var(--text-strong);margin:5px 0;font-size:24px;line-height:1;display:block}.measurement-note{color:var(--muted);margin:0;font-size:13px}.history-list,.setup-section,.review-list{gap:10px;display:grid}.setup-section{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:12px}.history-row,.review-row{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.history-row span,.empty-note{color:var(--muted);font-size:13px}.history-row strong,.review-row strong{color:var(--text-strong)}.review-row{grid-template-columns:34px 18px 1fr}.check-progress{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.check-progress span{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);text-align:center;border-radius:999px;padding:7px 0;font-size:12px;font-weight:850}.check-progress .is-active{color:var(--text-strong);background:#171b23;border-color:#f4f1ea6b}.primary-action,.secondary-action{flex:1;padding:0 14px}.primary-action{color:#fff;background:var(--accent)}.secondary-action{color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.danger-action{color:var(--danger);background:#ff5a6414;box-shadow:inset 0 0 0 1px #ff5a6447}.full-width{width:100%}.overlay{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000ad;justify-content:center;align-items:flex-end;padding:18px;display:flex;position:fixed;inset:0}.sheet{border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);background:#11141a;border-radius:8px;gap:16px;padding:18px;display:grid}.sheet-header{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}label{color:var(--muted);letter-spacing:.02em;gap:7px;font-size:12px;font-weight:800;display:grid}input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text-strong);background:var(--surface-soft);font:inherit;border-radius:8px;padding:0 12px}input::placeholder{color:#555d69}input:focus{border-color:#f4f1ea73;outline:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}@media (width>=720px){.app-shell{width:min(760px,100vw - 48px);margin:0 auto;padding-top:48px}.tyre-map,.tyre-detail-card,.health-card,.empty-card,.garage-card{padding:24px}}.auth-shell{justify-content:center}.auth-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:16px;padding:22px;display:grid}.auth-card h1{margin:0}.auth-card p:not(.eyebrow){color:var(--muted)}.auth-form{gap:14px;display:grid}.auth-message{color:var(--warn);margin:0;font-size:13px}.header-actions{align-items:center;gap:10px;display:flex}.compact-action{min-height:38px;color:var(--text-strong);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:0 12px;font-size:13px;font-weight:750}