:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;--page:#eef2f0;--surface:#fff;--surface-raised:#f8faf9;--text:#16201c;--muted:#65716c;--line:#d9e0dc;--accent:#285a47;--accent-strong:#1f4939;--accent-soft:#dceae4;--danger:#a43c36;--danger-soft:#f9e7e5;--shadow:0 18px 50px #18312717;background:var(--page);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;background:var(--page);min-height:100dvh;margin:0}button,summary{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,42rem);min-height:100vh;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(2rem, env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2.5rem;display:flex}.eyebrow,h1,.primary-reading p,.measurement-grid p,.guidance,.error-message{margin:0}.eyebrow{color:var(--accent);letter-spacing:.16em;margin-bottom:.25rem;font-size:.7rem;font-weight:750}h1{letter-spacing:-.025em;font-size:1.5rem;line-height:1.15}.status{border:1px solid var(--line);min-height:2rem;color:var(--muted);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.76rem;font-weight:650;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.status[data-state=connected]{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.status[data-state=connecting],.status[data-state=unlocking]{color:var(--accent)}.status[data-state=error]{color:var(--danger);background:var(--danger-soft);border-color:#0000}.primary-reading{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-align:center;border-radius:1.6rem;margin-bottom:1.4rem;padding:2.25rem 1.5rem 2rem}.primary-reading[data-fuel-state=reserve]{border-color:color-mix(in srgb, var(--danger) 35%, var(--line));background:var(--danger-soft)}.primary-reading>p:first-child{color:var(--muted);letter-spacing:.03em;font-size:.82rem;font-weight:650}.reading{font-variant-numeric:tabular-nums;letter-spacing:-.075em;justify-content:center;align-items:baseline;gap:.55rem;font-size:clamp(4rem,19vw,6.5rem);font-weight:720;line-height:.95;display:flex;margin-top:.55rem!important}.reading .unit{color:var(--muted);letter-spacing:0;font-size:1rem;font-weight:650}.primary-reading[data-fuel-state=reserve] .reading,.primary-reading[data-fuel-state=check-sensor] .reading{letter-spacing:-.04em;font-size:clamp(2.25rem,11vw,4rem)}.primary-reading[data-fuel-state=reserve] .reading{color:var(--danger)}.reading-note{color:var(--muted);margin:.85rem 0 0;font-size:.76rem;line-height:1.4}.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.measurement-grid article{border:1px solid var(--line);background:var(--surface-raised);border-radius:1rem;min-width:0;padding:1rem}.measurement-grid p{color:var(--muted);margin-bottom:.5rem;font-size:.74rem}.measurement-grid strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.35rem}.measurement-grid small{color:var(--muted);font-size:.72rem;font-weight:600}.guidance{color:var(--muted);margin-top:1rem;padding:0 .15rem;font-size:.78rem;line-height:1.5}.error-message{border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);color:var(--danger);background:var(--danger-soft);border-radius:.85rem;margin-top:1rem;padding:.85rem .95rem;font-size:.82rem;line-height:1.45}.actions{grid-template-columns:1fr;margin:0 0 1.4rem;display:grid}button{border:1px solid var(--accent);color:#fff;background:var(--accent);min-height:3.2rem;font:inherit;cursor:pointer;border-radius:.9rem;padding:.8rem 1.2rem;font-size:.9rem;font-weight:700}button:hover{background:var(--accent-strong)}button:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:3px}button.secondary{color:var(--text);background:var(--surface)}.diagnostics{border-top:1px solid var(--line);color:var(--muted);margin-top:1.2rem;font-size:.75rem}.diagnostics summary{cursor:pointer;padding:1rem 0;font-weight:650}.diagnostics dl{gap:.75rem;margin:0;padding:0 0 .4rem;display:grid}.diagnostics dl>div{grid-template-columns:7.5rem minmax(0,1fr);gap:.75rem;display:grid}.diagnostics dt{color:var(--muted)}.diagnostics dd{min-width:0;color:var(--text);overflow-wrap:anywhere;text-align:right;margin:0}.diagnostics code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem}#diagnostic-crc[data-result=valid]{color:var(--accent)}#diagnostic-crc[data-result=invalid]{color:var(--danger)}[hidden]{display:none!important}@media (min-width:36rem){.app-shell{padding-left:2rem;padding-right:2rem}.measurement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){:root{--page:#101412;--surface:#181e1b;--surface-raised:#151a18;--text:#eef3f0;--muted:#98a49e;--line:#2b3530;--accent:#71b495;--accent-strong:#8fc8ad;--accent-soft:#203c30;--danger:#f08e87;--danger-soft:#3d2524;--shadow:0 18px 50px #00000038}button{color:#102219}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}