:root{--bg:#0a0a0a;--surface:#161616;--surface-2:#1f1f22;--ink:#f5f5f5;--muted:#9a9aa2;--accent:#f59e0b;--accent-ink:#1a1206;--line:#2a2a2e;--danger:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:16px;padding:0 16px 16px;display:flex}.screen-center{flex:1;justify-content:center;align-items:center;display:flex}h1{margin:0;font-size:1.35rem}h2{margin:0 0 8px;font-size:1.05rem}.screen-title{margin:4px 0 0;font-size:1.3rem}.muted{color:var(--muted);margin:0}.vehicle-line{margin-top:-4px}.app-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 4px;display:flex}.app-header-side{flex:1 1 0;align-items:center;min-width:0;display:flex}.app-header-side-right{justify-content:flex-end}.brand{white-space:nowrap;align-items:center;gap:8px;display:flex}.brand-mark{display:block}.wordmark{letter-spacing:.02em;color:var(--ink);font-size:1.1rem;font-weight:600}button{font:inherit;cursor:pointer;border:none;border-radius:12px}button.primary{background:var(--accent);color:var(--accent-ink);padding:14px 20px;font-size:1.05rem;font-weight:600}button.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0;padding:12px 18px;font-size:1rem}button.icon-btn{color:var(--ink);background:0 0;border-radius:10px;place-items:center;width:40px;height:40px;font-size:1.2rem;display:grid}button.icon-btn:hover{background:var(--surface-2)}button.text-btn{color:var(--accent);background:0 0;padding:8px 4px;font-weight:600}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}label{color:var(--muted);flex-direction:column;gap:4px;font-size:.9rem;display:flex}label.row{color:var(--ink);flex-direction:row;align-items:center;gap:10px;padding:6px 0;font-size:1rem}select{appearance:none;font:inherit;color:var(--ink);background-color:var(--surface-2);border:1px solid var(--line);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239a9aa2' stroke-width='2' stroke-linecap='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;padding:12px 36px 12px 12px}select:disabled{opacity:.5}select option{background:var(--surface-2);color:var(--ink)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.picker{flex-direction:column;gap:10px;display:flex}.notice{color:var(--accent);margin:0}.hidden{display:none}.gauge{flex-direction:column;gap:2px;display:flex}.ticks{justify-content:space-between;padding:0 10px;display:flex}.ticks span{background:var(--muted);border-radius:1px;width:2px;height:12px}.gauge input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:36px;margin:0}.gauge input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:3px;height:6px}.gauge input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:4px solid var(--bg);width:26px;height:26px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:-10px}.gauge input[type=range]::-moz-range-track{background:var(--line);border-radius:3px;height:6px}.gauge input[type=range]::-moz-range-thumb{background:var(--accent);border:4px solid var(--bg);width:22px;height:22px;box-shadow:0 0 0 1px var(--accent);border-radius:50%}.gauge input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #f59e0b66}.gauge-labels{color:var(--muted);justify-content:space-between;gap:12px;padding:2px 2px 0;font-size:.78rem;font-weight:600;display:flex}.gauge-labels span{white-space:nowrap}.gauge-labels span:last-child{text-align:right}.nav{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.savings{color:var(--accent);margin:4px 0 0;font-size:1.15rem;font-weight:700}.station-address{color:var(--muted);margin:0;font-size:.95rem}.verdict-cards{flex-direction:column;gap:16px;animation:.26s ease-out both verdict-in;display:flex}@keyframes verdict-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.verdict-cards{animation:none}}.verdict-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:6px;padding:20px;display:flex;box-shadow:0 1px 2px #0006}.verdict-card-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 24px #f59e0b1f}.verdict-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.verdict-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.72rem;font-weight:700}.best-badge{background:var(--accent);color:var(--accent-ink);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700}.station-name{margin:0;font-size:1.25rem}.card-detail{font-size:.85rem}.price-row{align-items:baseline;gap:4px;margin-top:6px;display:flex}.price-num{color:var(--ink);font-size:1.5rem;font-weight:700}.price-unit{color:var(--muted);font-size:.9rem}.est-cost{justify-content:space-between;align-items:baseline;margin-top:2px;display:flex}.est-label{color:var(--muted);font-size:.95rem}.est-num{color:var(--ink);font-size:1.15rem;font-weight:700}.attribution{justify-content:center;margin-top:auto;padding-top:4px;display:flex}.attribution-logo{width:auto;height:18px;display:block}.attribution-fallback{color:var(--muted);font-size:.75rem}.notice-banner{text-align:left;width:100%;color:var(--accent);background:#f59e0b1f;border:1px solid #f59e0b59;padding:12px 14px;font-size:.95rem;font-weight:600}.pump-loader{flex-direction:column;align-items:center;gap:14px;display:flex}.loader-text{font-weight:300}.pump-svg{animation:1.8s ease-in-out infinite pump-pulse}.pump-drip{transform-box:fill-box;transform-origin:50%;animation:1.5s ease-in infinite pump-drip}@keyframes pump-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes pump-drip{0%{opacity:0;transform:translateY(0)}15%{opacity:1}80%{opacity:.9}to{opacity:0;transform:translateY(9px)}}@media (prefers-reduced-motion:reduce){.pump-svg,.pump-drip{animation:none}}.legal-footer{justify-content:center;gap:8px;max-width:480px;margin:0 auto;padding:16px;font-size:.8rem;display:flex}.legal-footer a{color:var(--muted);text-decoration:none}.legal-footer a:hover{text-decoration:underline}