:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--asphalt:#0c0d10;--carbon:#14161b;--trd-red:#e4002b;--ember:#ff6a13;--chalk:#f4f5f7;--steel:#9ba1ab;--line:#2b2f38;--surface:#14161bd1;--display:"Arial Narrow", "Roboto Condensed", "Helvetica Neue Condensed", "Liberation Sans Narrow", system-ui, sans-serif;--readout:ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--col:min(100vw, 30rem);font-family:var(--body)}*{box-sizing:border-box}body{min-height:100dvh;color:var(--chalk);background-color:var(--asphalt);background-image:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 13px);background-attachment:fixed;margin:0}body:before{content:"";inset-block:0;left:calc((100vw - var(--col)) / 2 + var(--col) * .055);width:calc(var(--col) * .075);z-index:-1;pointer-events:none;background:linear-gradient(90deg,#e4002b9e 0 32%,#0000 32% 46%,#e4002b57 46% 60%,#0000 60% 84%,#ff6a1366 84% 89%,#0000 89%);position:fixed}.screen{flex-direction:column;max-width:30rem;margin:0 auto;padding:1rem 1rem 4rem;display:flex}.app-header{justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.9rem;display:flex}.brand{background:var(--carbon);border:1px solid var(--line);border-radius:6px;flex:1;justify-content:center;align-items:center;min-width:0;height:2.35rem;display:flex;overflow:hidden}.brand-logo{flex:none;width:auto;height:2rem}.account-control{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--chalk);border:1px solid var(--line);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border-radius:999px;max-width:15ch;padding:.45rem .95rem;font-size:.76rem;font-weight:700;transition:border-color .12s,background-color .12s;overflow:hidden}.account-control:hover:not(:disabled){border-color:var(--trd-red);background:#e4002b1a}.account-control:disabled{opacity:.45;cursor:default}.sync-status{min-height:1.1rem;font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--steel);margin:0 0 .75rem;font-size:.72rem;font-weight:700}.tabs{background:var(--line);border:1px solid var(--line);border-radius:.55rem;gap:1px;margin-bottom:1.1rem;display:flex;overflow:hidden}.tab{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--steel);cursor:pointer;background:#101217db;border:none;flex:1;padding:.9rem .5rem;font-size:.85rem;font-weight:700;transition:color .12s,background-color .12s;position:relative}.tab:hover[aria-selected=false]{color:var(--chalk)}.tab[aria-selected=true]{color:var(--chalk);background:var(--surface)}.tab[aria-selected=true]:before{content:"";background:var(--trd-red);height:3px;position:absolute;inset:0 0 auto}.panel{flex-direction:column;gap:.85rem;display:flex}.panel:focus-visible{outline:2px solid var(--chalk);outline-offset:4px;border-radius:.3rem}h1{font-family:var(--display);letter-spacing:.03em;text-transform:uppercase;margin:0 0 .15rem;font-size:clamp(1.75rem,8vw,2.2rem);font-weight:800;line-height:1.05}label{font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--steel);font-size:.74rem;font-weight:700}label.checkbox{color:var(--chalk);align-items:center;gap:.7rem;padding:.85rem 0;font-size:.8rem;display:flex}label.checkbox input{width:1.2rem;height:1.2rem;accent-color:var(--trd-red);flex:none}form{flex-direction:column;gap:.45rem;display:flex}input[type=number],input[type=text],input[type=password],input[type=email],input:not([type]){width:100%;font-family:var(--readout);color:var(--chalk);border:1px solid var(--line);background:#0f1116;border-radius:.5rem;padding:.85rem .9rem;font-size:1.05rem;transition:border-color .12s,box-shadow .12s}input::placeholder{color:#5a6069}input:focus-visible{border-color:var(--trd-red);outline:none;box-shadow:0 0 0 3px #e4002b38}input[aria-invalid=true]{border-color:var(--trd-red)}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button.primary{width:100%;font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--trd-red);cursor:pointer;border:none;border-radius:.5rem;margin-top:1.15rem;padding:1.05rem;font-size:.95rem;font-weight:800;transition:transform 90ms,filter .12s}button.primary:hover{filter:brightness(1.1)}button.primary:active{transform:translateY(1px)}.account-dialog button:not(.linkish){font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;color:var(--chalk);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;border-radius:.5rem;padding:.8rem 1rem;font-size:.8rem;font-weight:700}.account-dialog form button[type=submit]{color:#fff;background:var(--trd-red);border-color:var(--trd-red);margin-top:.5rem}.account-dialog button:not(.linkish):disabled{opacity:.5;cursor:default}.linkish{font-family:var(--body);color:var(--chalk);text-decoration:underline;-webkit-text-decoration-color:var(--trd-red);text-decoration-color:var(--trd-red);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:.4rem 0;font-size:.88rem}:focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.error{color:#ff8091;margin:.1rem 0 .3rem;font-size:.85rem}.help{color:var(--steel);margin:0;font-size:.9rem;line-height:1.5}.notice{color:var(--chalk);background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--ember);border-radius:.4rem;margin:0;padding:.8rem .9rem;font-size:.88rem;line-height:1.5}.result{background:var(--surface);border:1px solid var(--line);border-radius:.6rem;margin-top:1.6rem;padding:1.4rem 1.25rem 1.25rem;animation:.26s ease-out both readout-in;position:relative;overflow:hidden}.result:before{content:"";background:var(--trd-red);width:6px;position:absolute;inset:0 auto 0 0}.result-label{font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--steel);margin:0 0 .35rem;font-size:.7rem;font-weight:700}.mpg{font-family:var(--readout);letter-spacing:-.04em;font-variant-numeric:tabular-nums;align-items:baseline;gap:.5rem;margin:0 0 1.1rem;font-size:clamp(3rem,17vw,4.25rem);font-weight:700;line-height:.9;display:flex}.mpg-unit{font-family:var(--display);letter-spacing:.2em;color:var(--trd-red);font-size:.9rem;font-weight:700}.details{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:.5rem 1rem;margin:0;padding-top:.9rem;font-size:.85rem;display:grid}.details dt{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:700}.details dd{text-align:right;font-family:var(--readout);font-variant-numeric:tabular-nums;margin:0}.modal{border:1px solid var(--line);width:min(23rem,100vw - 2rem);color:var(--chalk);background:var(--carbon);background-image:repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 13px);border-radius:.7rem;padding:1.35rem}.modal::backdrop{background:#040507b8}.account-dialog{flex-direction:column;gap:.6rem;display:flex}.account-dialog h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .2rem;font-size:1.3rem;font-weight:800}@keyframes readout-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}