:root{--asphalt-950: #ffffff;--asphalt-900: #ffffff;--asphalt-800: #f6f5f1;--asphalt-700: #ebe9e1;--asphalt-600: #d9d5c8;--signage-amber: #e89a1c;--signage-amber-dim: #b9760a;--diesel-teal: #1f9d8a;--ethanol-lime: #8aa916;--gasoline-red: #d8402b;--gasoline-additive-orange: #e06c10;--ethanol-additive-green: #4daa1e;--diesel-additive-cyan: #0e8f9c;--natural-gas-blue: #2a7de1;--electric-purple: #7c4fde;--good-price: #2f9e5e;--bad-price: #d8402b;--text-hi: #1a1d24;--text-mid: #5b5f6b;--text-low: #8b8f99;--on-color: #18191d;--dark-chip: #20222a;--font-display: "Archivo Black", "Archivo", sans-serif;--font-body: "Archivo", sans-serif;--font-mono: "Space Mono", monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--asphalt-950);color:var(--text-hi);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--asphalt-900);position:relative;display:flex;flex-direction:column;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(28,32,41,.045) 38px,rgba(28,32,41,.045) 70px)}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--signage-amber);outline-offset:2px}input{font-family:inherit;color:inherit}::selection{background:var(--signage-amber);color:var(--on-color)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.screen{flex:1;display:flex;flex-direction:column;padding:calc(20px + var(--safe-top)) 20px calc(20px + var(--safe-bottom));min-height:100vh}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--signage-amber-dim);display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:8px;height:8px;background:var(--signage-amber);border-radius:2px;display:inline-block}h1.display,h2.display{font-family:var(--font-display);font-weight:400;line-height:1.02;letter-spacing:-.01em;margin:0}.btn-primary{background:var(--signage-amber);color:var(--on-color);font-weight:700;font-size:16px;padding:16px 20px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,background .12s ease;box-shadow:0 4px 0 var(--signage-amber-dim)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--signage-amber-dim)}.btn-primary:disabled{opacity:.4;box-shadow:none}.btn-ghost{background:transparent;border:1.5px solid var(--asphalt-600);color:var(--text-mid);font-weight:600;font-size:14px;padding:12px 18px;border-radius:var(--radius-md)}.btn-ghost:active{border-color:var(--signage-amber);color:var(--signage-amber-dim)}.card{background:var(--asphalt-800);border:1px solid var(--asphalt-700);border-radius:var(--radius-lg);padding:18px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid rgba(232,154,28,.25);border-top-color:var(--signage-amber);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}