:root{font-family:Inter,Arial,sans-serif;color:#092b49;background:#edf3f6;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:740px;margin:36px auto;padding:32px;background:white;border-radius:26px;box-shadow:0 12px 60px #092b4910}header{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:25px;font-weight:900}.brand img{width:78px;height:40px;object-fit:contain}.brand em{font-style:normal;color:#25858e}.brand b{color:#176443}.location{font-size:14px;padding:9px 12px;background:#edf3f6;border-radius:20px}.tagline{font-size:15px;margin:15px 0 24px}nav{display:flex;background:#edf1f5;padding:5px;border-radius:14px;gap:5px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:12px 18px;color:#092b49;background:#edf3f6}nav button{flex:1}nav button[aria-pressed=true]{background:#092b49;color:white}h1{font-size:clamp(28px,5vw,40px);letter-spacing:-1px;margin:25px 0 8px}.intro{color:#536778;margin:0 0 24px;line-height:1.5}.prices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.price{display:block;padding:18px;border:1px solid #dce5ec;border-radius:16px;font-weight:700;box-shadow:0 3px 10px #092b4907}.number{display:flex;align-items:center;gap:9px;border:1px solid #d3dee7;border-radius:10px;padding:10px;margin-top:9px;background:#fff;min-width:0}input[type=number]{border:0;outline:0;width:100%;min-width:0;color:#092b49;font:700 30px Arial;background:transparent}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #25858e;outline-offset:3px}.number span{white-space:nowrap}.price small{display:block;font-size:16px;font-weight:400;margin-top:8px;color:#536778}.meta{font-size:13px;color:#627484;line-height:1.5}.fill{display:block;font-weight:700;margin-top:18px}select{border:0;font:inherit;color:#092b49;background:#edf3f6;padding:9px;border-radius:8px;max-width:150px}.rate{margin:22px 0;border:1px solid #dce5ec;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.rate label{font-size:14px}.rate input{font-size:22px}.rate p{grid-column:1/-1;margin:0}.rate button{font-size:14px}.result{background:#e5f6eb;padding:24px;border-radius:20px}.result h2{font-size:17px;margin:0;color:#176443}.saving{font-size:clamp(32px,6vw,48px);font-weight:900;letter-spacing:-1px;color:#176443;margin:9px 0}.result p{margin:9px 0}.totals{background:#fff;border-radius:12px;padding:5px 16px;margin-top:20px}.totals div{display:flex;justify-content:space-between;gap:12px;padding:13px 0}.totals div+div{border-top:1px solid #e3eaf0}.remember{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:15px}input[type=checkbox]{width:22px;height:22px;accent-color:#176443}footer{border-top:1px solid #e3eaf0;margin-top:25px;padding-top:18px;font-size:13px;color:#627484;line-height:1.6}[hidden]{display:none!important}@media(max-width:600px){main{margin:0;border-radius:0;padding:22px 18px;min-height:100vh}header{flex-wrap:wrap}.brand{font-size:23px}.location{font-size:13px}.prices{gap:10px}.price{padding:13px}.number{padding:8px;gap:5px}input[type=number]{font-size:27px}.rate{grid-template-columns:1fr}.rate p{grid-column:auto}.rate button{justify-self:start}.result{padding:20px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}} 

.result[data-tone="on"]{background:#e5eef8;border:1px solid #c5d7eb}.result[data-tone="on"] h2,.result[data-tone="on"] .saving{color:#092b49}.result[data-tone="off"]{background:#e5f6eb;border:1px solid #bde1c9}.result[data-tone="neutral"]{background:#edf1f4;border:1px solid #d4dde5}.result[data-tone="neutral"] h2,.result[data-tone="neutral"] .saving{color:#43586a}.meta a{color:#176675}

.on-price{color:#092b49;border-top:3px solid #092b49}.off-price{color:#176443;border-top:3px solid #176443}

summary{cursor:pointer;min-height:44px;align-content:center;font-size:14px}summary:focus-visible{outline:3px solid #25858e}.rate-settings{margin:16px 0;border:1px solid #dce5ec;border-radius:12px;padding:0 12px}.rate-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.edit-label{color:#176675;text-decoration:underline;white-space:nowrap}.rate-settings .rate{margin:0 0 8px;border:0;padding:8px 0}.more-settings{margin-top:14px}.cost-details{margin-top:8px}.cost-details .totals{margin-top:4px}.cost-details summary{font-weight:600}.result .meta{font-size:14px}@media(max-width:600px){main{padding: max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.brand{font-size:20px}.brand img{width:58px;height:32px}.location{padding:7px 9px}.tagline{font-size:13px;margin:8px 0 12px}nav button{padding:10px}h1{font-size:27px;margin:16px 0 6px}.intro{display:none}.prices{margin-top:12px}.price{padding:10px}.price small{font-size:14px;margin-top:5px}.number{margin-top:6px;padding:8px}.prices .number input{font-size:25px}.fill{margin-top:10px;font-size:14px}.meta{margin:7px 0}.result{padding:16px}.result h2{font-size:15px}.saving{font-size:36px;margin:6px 0}.result p{font-size:14px;margin:6px 0}.rate-settings{margin:12px 0}.more-settings{margin-top:8px}footer{margin-top:12px;padding-top:10px}.remember{margin-top:10px}.totals div{padding:9px 0}}

.savings-link{display:block;margin:8px 0 0 auto;padding:8px 12px;font-size:14px;color:#176443}#logPurchase{background:#092b49;color:white;margin-top:10px;padding:10px 14px;font-size:14px}dialog{border:0;border-radius:20px;padding:22px;max-width:480px;width:calc(100% - 28px);max-height:85dvh;overflow-y:auto;color:#092b49;box-shadow:0 20px 80px #092b4940}dialog::backdrop{background:#092b4980}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading h2{margin:0;font-size:24px}dialog label{display:block;margin:14px 0;font-size:16px}dialog input[type=text]{width:100%;font:inherit;padding:12px;border:1px solid #d3dee7;border-radius:10px;margin-top:8px}dialog label>select{display:block;margin-top:8px}dialog button{min-height:44px}dialog .meta{font-size:14px}.savings-stats{display:flex;gap:24px;margin:20px 0}.savings-stats span{display:block;font-size:14px}.savings-stats strong{display:block;font-size:28px;color:#176443}.purchase-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #dce5ec;padding:12px 0;font-size:14px}.purchase-row small{display:block;margin-top:4px}button:disabled{opacity:.6;cursor:default}#confirmPurchase,#saveVehicle{background:#092b49;color:white}

.community{border:1px solid #d4e6dc;border-radius:12px;background:#f0f8f3;padding:10px 12px;margin:0 0 12px}.community>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.community span{font-size:14px;font-weight:600}.community strong{font-size:22px;color:#176443}.community p{font-size:14px;margin:3px 0}.community small{font-size:12px;color:#536778}.secondary-actions{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.secondary-actions button{font-size:14px;padding:8px 12px;min-height:44px}.savings-link{margin:0}textarea{font:inherit;width:100%;padding:12px;margin-top:8px;border:1px solid #d3dee7;border-radius:10px;resize:vertical}#feedbackForm button{background:#092b49;color:white}@media(max-width:600px){.tagline{margin-bottom:8px}.community{padding:7px 10px;margin-bottom:8px}.community strong{font-size:20px}.community p{margin:2px 0}.community span{font-size:14px}}

.rate-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:12px 0;font-size:14px;min-height:44px;padding:10px 12px}.compare-costs{padding:8px 0;font-size:14px;background:transparent;min-height:44px}.secondary-actions{gap:6px}.secondary-actions button{flex:1}.result #logPurchase{display:block;width:100%;margin-top:4px}.result .compare-costs{display:block}.rate-toggle #rateSummary{text-align:left}.community{margin-bottom:10px}#feedbackStatus{font-size:16px;line-height:1.5}@media(max-width:600px){main{min-height:100svh;padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}header{flex-wrap:nowrap}.tagline,#gas>h1,#convert>h1,#gas>.meta{display:none}.brand img{height:28px;width:48px}.brand{font-size:19px}.location{font-size:12px;padding:6px 8px}.community{margin:8px 0;padding:6px 10px}.community>div{line-height:1.3}.community small{display:block;line-height:1.3}.community p{line-height:1.3;font-size:14px}.community strong{font-size:20px}nav{padding:3px}nav button{min-height:44px;padding:8px}.prices{margin-top:10px}.price{padding:8px}.price .number{padding:6px;margin-top:4px}.fill{margin-top:8px}.fill .number{margin-top:4px;padding:6px}.fill select{padding:8px}.rate-toggle{margin:8px 0;padding:8px 10px}.result{padding:12px}.result h2{font-size:14px}.saving{font-size:32px;margin:4px 0}.result p{margin:4px 0}.compare-costs{padding:4px 0}.result #logPurchase{margin-top:0;min-height:44px;padding:8px}.secondary-actions{margin-top:4px}.secondary-actions button{padding:6px 8px;font-size:14px}#convert{margin-top:10px}}@media(max-width:600px) and (max-height:650px){.community{margin:5px 0;padding:4px 8px}.prices{margin-top:6px}.price{padding:6px}.rate-toggle{margin:5px 0}.result{padding:8px}.saving{font-size:28px}.price small{margin-top:2px}.fill{margin-top:5px}}

.feedback-card{border:1px solid #d3dee7;border-radius:12px;padding:16px;margin:12px 0}.feedback-card time{font-size:14px;color:#536778}.feedback-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin-bottom:0}.owner-link{display:inline-block;padding:12px 18px;background:#092b49;color:white;border-radius:10px;text-decoration:none}a{color:#176675}nav a{padding:12px}