:root{--bg:#f4f6f5;--surface:#fff;--surface-soft:#f7f9f8;--text:#111614;--muted:#77817d;--line:#e7ece9;--green:#0a936a;--green-2:#16b783;--green-soft:#e8f7f1;--shadow:0 10px 34px rgba(22,36,30,.07);--shadow-soft:0 4px 14px rgba(22,36,30,.05);--radius:22px}
:root.dark{--bg:#0e1211;--surface:#161b19;--surface-soft:#1b211e;--text:#f5f7f6;--muted:#96a19c;--line:#272f2b;--green:#2bc28d;--green-2:#54d4a5;--green-soft:#143b2d;--shadow:0 14px 38px rgba(0,0,0,.22);--shadow-soft:0 5px 18px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.app-shell{width:min(100%,760px);margin:auto;padding:18px 16px 112px}.topbar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;gap:12px;padding:2px 0 8px}.round-btn{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--text);box-shadow:var(--shadow-soft);cursor:pointer}.round-btn svg,.bottom-nav svg,.metric-icon svg,.wide-icon svg,.ride-icon svg,.chev svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-lockup{text-align:center;line-height:1}.brand-lockup span,.brand-lockup strong{font-size:30px;letter-spacing:-.055em}.brand-lockup strong{color:var(--green);margin-left:4px}.brand-lockup small{display:block;color:var(--muted);font-size:12px;margin-top:8px;letter-spacing:.01em}.vehicle-hero{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:4px}.hero-glow{position:absolute;width:360px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(28,170,119,.18),rgba(28,170,119,0) 68%);filter:blur(6px);bottom:35px}.vehicle-image-wrap{position:relative;width:100%;display:flex;justify-content:center;z-index:1}.vehicle-image{width:min(96%,620px);max-height:315px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 16px rgba(0,0,0,.13));transition:.25s ease}.dark .vehicle-image{mix-blend-mode:normal;border-radius:22px}.vehicle-name-mobile{position:absolute;bottom:16px;left:0;right:0;text-align:center;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}.color-chip{position:absolute;right:6px;bottom:12px;border:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-radius:999px;padding:8px 11px;display:flex;align-items:center;gap:5px;color:#3f4844;font-weight:700;font-size:11px;cursor:pointer;z-index:3}.dark .color-chip{background:rgba(22,27,25,.88);color:var(--text)}.swatch{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px rgba(0,0,0,.12)}.swatch.blue{background:#185ce4}.swatch.black{background:#1b1b1b}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pressable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.pressable:active{transform:scale(.985)}.status-banner{display:grid;grid-template-columns:54px 1fr 28px;align-items:center;gap:14px;padding:17px 18px;margin-bottom:14px}.status-icon{width:48px;height:48px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center}.status-icon span{width:18px;height:18px;border-radius:50%;background:var(--green-2);box-shadow:0 0 0 8px rgba(22,183,131,.12)}.status-copy strong,.status-copy small{display:block}.status-copy strong{font-size:20px;letter-spacing:-.025em}.status-copy small{margin-top:4px;color:var(--muted);font-size:13px}.chev{display:grid;place-items:center;color:#75817b}.chev svg{width:20px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-card{position:relative;min-height:168px;padding:18px}.metric-icon{width:42px;height:42px;border-radius:50%;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:18px}.metric-card>.chev{position:absolute;right:14px;top:18px}.metric-card small{display:block;color:var(--muted);font-size:13px}.metric-card strong{display:block;font-size:28px;letter-spacing:-.045em;margin-top:4px}.metric-card strong.small-value{font-size:20px;line-height:1.15;letter-spacing:-.03em;max-width:88%}.metric-card p,.wide-card p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.wide-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.wide-card{display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:12px;padding:17px}.wide-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft);color:var(--text)}.wide-icon.weather{color:#dba41b;background:#fff7d8}.dark .wide-icon.weather{background:#413818}.wide-card small,.wide-card strong{display:block}.wide-card small{color:var(--muted);font-size:12px}.wide-card strong{font-size:17px;margin-top:2px;letter-spacing:-.02em}.section-block{margin-top:28px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px 10px}.section-title span{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.15em}.section-title h2{margin:4px 0 0;font-size:22px;letter-spacing:-.035em}.section-title>small{color:var(--muted);font-size:11px}.link-btn{border:0;background:none;color:var(--green);font-weight:800;cursor:pointer}.list-card{padding:0 18px}.ride-row,.maintenance-row{display:flex;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.ride-row:first-child,.maintenance-row:first-child{border-top:0}.ride-icon{width:38px;height:38px;border-radius:12px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;flex:0 0 auto}.ride-icon svg{width:19px}.ride-copy{min-width:0;margin-left:12px;flex:1}.ride-copy strong,.ride-copy small,.ride-meta strong,.ride-meta small,.maintenance-row strong,.maintenance-row small{display:block}.ride-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ride-copy small,.ride-meta small,.maintenance-row small{color:var(--muted);font-size:12px;margin-top:3px}.ride-meta{text-align:right;margin-left:8px}.ride-meta strong{font-size:14px}.maintenance-row{gap:12px}.dot{width:10px;height:10px;border-radius:50%;background:#b0b8b4;box-shadow:0 0 0 5px rgba(176,184,180,.12)}.dot.ok{background:var(--green);box-shadow:0 0 0 5px rgba(10,147,106,.11)}.dot.warn{background:#e3aa28;box-shadow:0 0 0 5px rgba(227,170,40,.12)}.photo-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px}.photo-card{padding:0;border:0;border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;min-height:190px}.photo-card img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block;transition:transform .28s ease}.photo-card:hover img{transform:scale(1.02)}.spec-card{padding:20px;margin-top:28px}.spec-top{display:flex;justify-content:space-between;align-items:flex-start}.spec-top small{color:var(--green);font-weight:800;font-size:10px;letter-spacing:.12em}.spec-top h2{margin:5px 0 0;font-size:24px;letter-spacing:-.04em}.model-tag{padding:7px 10px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.spec-grid div{padding:12px;background:var(--surface-soft);border-radius:14px}.spec-grid small,.spec-grid strong{display:block}.spec-grid small{color:var(--muted);font-size:10px}.spec-grid strong{font-size:13px;margin-top:4px}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 24px),560px);height:72px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(220,228,224,.9);border-radius:24px;box-shadow:0 14px 34px rgba(20,35,28,.14);display:grid;grid-template-columns:repeat(4,1fr);z-index:50;padding:7px}.dark .bottom-nav{background:rgba(22,27,25,.9);border-color:var(--line)}.bottom-nav a{text-decoration:none;color:#8a948f;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:17px;gap:2px}.bottom-nav span{display:grid;place-items:center}.bottom-nav svg{width:21px;height:21px}.bottom-nav small{font-size:10px;font-weight:700}.bottom-nav a.active{color:var(--green);background:var(--green-soft)}#toast{position:fixed;left:50%;bottom:98px;transform:translate(-50%,14px);background:#121714;color:#fff;padding:11px 14px;border-radius:13px;opacity:0;pointer-events:none;transition:.2s;z-index:70;font-size:12px;max-width:calc(100% - 32px);text-align:center;box-shadow:0 12px 28px rgba(0,0,0,.2)}#toast.show{opacity:1;transform:translate(-50%,0)}.lightbox{position:fixed;inset:0;background:rgba(7,9,8,.88);z-index:100;display:none;align-items:center;justify-content:center;padding:28px}.lightbox.open{display:flex}.lightbox img{max-width:95vw;max-height:88vh;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.4)}.lightbox-close{position:absolute;right:24px;top:18px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:white;font-size:30px;cursor:pointer}@media(max-width:560px){.app-shell{padding:12px 12px 105px}.topbar{grid-template-columns:46px 1fr 46px}.round-btn{width:44px;height:44px}.brand-lockup span,.brand-lockup strong{font-size:26px}.brand-lockup small{font-size:10px}.vehicle-hero{min-height:285px}.vehicle-image{max-height:270px;width:100%}.metric-card{min-height:158px;padding:16px}.metric-card strong{font-size:25px}.metric-card strong.small-value{font-size:18px}.wide-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr 1fr}.photo-card,.photo-card img{min-height:145px}.spec-grid{grid-template-columns:1fr 1fr}.status-copy strong{font-size:18px}}@media(min-width:800px){.app-shell{width:min(100%,920px)}.vehicle-hero{min-height:390px}.vehicle-image{max-height:370px}.metric-grid{grid-template-columns:repeat(3,1fr)}.wide-grid{grid-template-columns:1fr 1fr}}