:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172b29;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#087d64}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h2{font-size:1.18rem;letter-spacing:-.03em;margin-bottom:0}h3{font-size:.98rem;margin-bottom:4px}small{font-size:.76rem}.muted{color:#607370}.strong{font-weight:700}.eyebrow{font-size:.64rem;font-weight:800;letter-spacing:.16em;color:#328d78}.app-shell{min-height:100vh;overflow-x:clip}.topbar{background:#172b29;color:#fff;border-bottom:1px solid #34504a}.top-inner{max-width:1150px;margin:auto;padding:15px 24px;display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;border:1px solid #598d7b;color:#b9f2da;border-radius:12px;display:grid;place-items:center}.brand{display:grid;gap:2px}.brand strong{font-size:1.02rem;letter-spacing:-.035em}.brand span{font-size:.6rem;font-weight:700;letter-spacing:.13em;color:#a3b7af}.top-tag{margin-left:auto;color:#b9e9d5;border:1px solid #477465;border-radius:99px;padding:6px 10px;font-size:.64rem;letter-spacing:.1em;font-weight:800}.signout{color:#fff}.container{max-width:1150px;margin:auto;padding:24px 24px 40px}.intro{display:flex;justify-content:space-between;align-items:center;padding:16px 0 26px}.intro h1{font-size:clamp(1.8rem,4vw,2.55rem);letter-spacing:-.055em;margin:8px 0}.intro p{color:#65736f;font-size:.88rem;margin:0}.heading-dot{color:#1b9d79}.car-line{color:#c6d3cb;border:1px solid #dce4dd;border-radius:23px;padding:12px;transform:rotate(-7deg)}.layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;gap:20px}.controls-col,.results-col{display:grid;min-width:0;gap:18px}.card{min-width:0;background:#fff;border:1px solid #e4e9e1;border-radius:18px;box-shadow:0 8px 30px #182a2209;padding:24px}.section-head{display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;background:#e4f6ed;color:#138468}.section-head h2{margin-top:4px}.field{min-width:0;display:grid;gap:7px;margin-bottom:15px}.field>span,.field>label,legend{font-size:.78rem;color:#394d48;font-weight:700}.field input,.field select,.login-card input{width:100%;min-width:0;height:46px;border:1px solid #d7e1d9;border-radius:10px;padding:0 13px;background:#fff;color:#172b29;outline:0}.field input:focus,.field select:focus,.login-card input:focus{border-color:#14846a;box-shadow:0 0 0 3px #def4e9}.field input::placeholder{color:#98a69f}.field small,.hint{color:#73827c;line-height:1.5}.address-wrap{position:relative}.address-input{padding-left:40px!important}.input-icon{position:absolute;left:13px;top:14px;color:#8b9b94}.locate-button{position:absolute;right:5px;top:3px;width:40px;height:40px;border:0;background:transparent;color:#22826c;display:grid;place-items:center}.suggestions{list-style:none;position:absolute;z-index:5;top:calc(100% + 3px);left:0;right:0;background:#fff;border:1px solid #c8d9cc;border-radius:12px;box-shadow:0 12px 20px #162e2425;max-height:205px;overflow-y:auto;padding:5px;margin:0}.suggestions li{padding:0;margin:0}.suggestions button{width:100%;padding:11px;text-align:left;border:0;background:transparent;border-radius:8px;display:flex;gap:9px;color:#263c35}.suggestions button:hover,.suggestions .highlight{background:#e5f5ed}.route-visual{border-radius:12px;background:#f1f6f2;border:1px solid #e3ebe3;display:flex;align-items:center;gap:10px;padding:12px 14px;margin:8px 0 18px;color:#237a64;font-size:.75rem;font-weight:750}.route-visual:after{content:"";height:1px;background:repeating-linear-gradient(90deg,#9ec8b2 0 6px,transparent 6px 10px);flex:1}.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{display:flex;align-items:center;gap:8px;color:#3a5147;font-size:.8rem;min-height:44px}.choice input{width:17px;height:17px;accent-color:#087c5c}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;background:#e7f5ea;color:#277052;padding:5px 10px;font-weight:800;font-size:.68rem}.badge.amber{background:#fff2d7;color:#865c10}.form-note{font-size:.73rem;color:#788780;line-height:1.55;margin:2px 0 16px}.primary{height:48px;width:100%;border:0;border-radius:11px;color:#fff;background:#087a60;font-size:.87rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .15s,transform .15s}.primary:hover:not(:disabled){background:#04634d;transform:translateY(-1px)}.settings-card{padding:0;overflow:hidden}.settings-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:17px 21px;font-size:.86rem;font-weight:800;min-height:52px}.settings-card summary::-webkit-details-marker{display:none}.settings-card summary svg{color:#158566}.settings-card summary:after{content:"+";margin-left:auto;font-size:1.3rem;color:#678174}.settings-card[open] summary:after{content:"−"}.settings-body{padding:6px 21px 22px;border-top:1px solid #e9eee8}.settings-body .field:first-child{margin-top:12px}.settings-body .field small{font-weight:400}.price-card{padding:21px 24px;background:#eaf4ee;border-color:#d1e5d8;box-shadow:none}.price-head{display:flex;align-items:center;gap:10px}.price-head h2{font-size:1.04rem}.price-head .section-icon{background:#d3eddd}.price-reading{display:flex;align-items:baseline;gap:6px;margin:15px 0 5px}.price-reading strong{font-size:2.3rem;letter-spacing:-.07em;color:#16342b}.price-reading span{font-size:.8rem;color:#597269;font-weight:700}.price-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#547164;font-size:.73rem}.grade-tabs{display:flex;gap:5px;padding:4px;background:#dbe9dd;border-radius:10px;width:max-content;margin:14px 0}.grade-tabs button{padding:8px 14px;min-width:66px;min-height:38px;border:0;border-radius:8px;background:transparent;font-size:.75rem;color:#52695e;font-weight:800}.grade-tabs button.active{background:#fff;color:#087a60;box-shadow:0 2px 8px #315f3b17}.price-card .field{margin-bottom:3px}.inline-choice{display:flex;gap:14px;flex-wrap:wrap}.alert{display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:10px;margin:12px 0;font-size:.79rem;line-height:1.45}.alert.amber{background:#fff3d9;color:#795911}.alert.danger{background:#ffe9e6;color:#893d37}.price-card .alert{margin-bottom:0}.link-button{border:0;padding:6px 0;background:none;color:#087958;font-size:.77rem;font-weight:750;display:inline-flex;align-items:center;gap:5px;min-height:44px}.empty-state{text-align:center;min-height:320px;display:grid;place-content:center;justify-items:center;background:linear-gradient(154deg,#fff 68%,#f3f8f2)}.empty-illustration{height:92px;width:128px;display:grid;place-items:center;color:#338e70;position:relative}.empty-path{position:absolute;bottom:14px;left:0;right:0;border-top:2px dashed #aed6bc}.empty-state h2{font-size:1.18rem;margin:10px 0}.empty-state p{max-width:300px;color:#73827c;font-size:.78rem;line-height:1.65}.empty-stats{display:flex;gap:11px;flex-wrap:wrap;justify-content:center;color:#669681;font-size:.62rem;font-weight:750;margin-top:15px}.result-card{padding:0;overflow:hidden}.result-head{padding:23px 24px 19px;background:#172c29;color:#fff}.result-head .eyebrow{color:#a4dfc1}.result-head h2{font-size:1.18rem;margin:4px 0 12px}.result-head .badge{background:#305747;color:#bef1d6}.result-head .badge.amber{background:#7a572c;color:#fff0d7}.route-map{margin-top:19px}.route-map svg{width:100%;height:145px;background:#203a35;border-radius:12px}.route-map figcaption{font-size:.67rem;color:#bdcfc6;margin-top:5px}.result-body{padding:22px 24px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:19px}.metric{border:1px solid #e7ece6;padding:12px;border-radius:10px}.metric span{display:block;font-size:.65rem;color:#72827b}.metric strong{font-size:1.05rem;letter-spacing:-.04em}.cost-block{background:#eef7ee;border-radius:13px;padding:19px;margin-bottom:19px}.cost-block .eyebrow{color:#42795e}.big-number{font-size:2rem;color:#15392c;font-weight:800;letter-spacing:-.06em;line-height:1.3}.cost-block p{color:#557265;font-size:.72rem;margin:0}.subblock{border-top:1px solid #e8eee8;padding:16px 0}.subblock:last-child{padding-bottom:0}.subblock p{font-size:.78rem;color:#536b60;line-height:1.6;margin:4px 0}.subblock strong{color:#1f3e32}.nav-actions{display:flex;gap:8px;margin:11px 0}.nav-actions a{flex:1;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #bed7c8;border-radius:9px;min-height:44px;font-size:.78rem;font-weight:800}.nav-warning{font-size:.7rem;color:#936522}.history{list-style:none;padding:0;margin:8px 0}.history li{display:flex;justify-content:space-between;border-bottom:1px solid #d9e8d8;padding:6px 0;color:#587568;font-size:.72rem}footer{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;border-top:1px solid #dfe7dc;margin-top:36px;padding:18px 0;color:#718179;font-size:.7rem}.login-card{max-width:430px;margin:0 auto 40px}.login-card h2{margin-bottom:8px}.login-card p{font-size:.8rem;color:#6c8073}.login-card .primary{margin-top:14px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #f1bc66;outline-offset:3px}@media(max-width:820px){.layout{grid-template-columns:1fr}.container{padding:20px 18px}.intro{padding-top:9px}.car-line{display:none}.results-col{grid-row:2}}@media(max-width:430px){.container{padding:16px 14px}.top-inner{padding:12px 14px}.top-tag{display:none}.card{padding:19px}.price-card{padding:18px}.result-card{padding:0}.result-head,.result-body{padding:19px}.intro h1{font-size:1.8rem}.intro p{font-size:.78rem}.section-head{margin-bottom:17px}.metric-grid{gap:6px}.metric{padding:8px}.metric strong{font-size:.91rem}.two-cols{gap:8px}.empty-stats{font-size:.58rem}}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}.section-heading h2{margin:4px 0 0}.address-field{min-width:0;position:relative;display:grid;gap:7px;margin:0 0 15px}.address-heading{display:flex;align-items:center;justify-content:space-between}.address-heading label{font-size:.78rem;font-weight:750;color:#394d48}.address-heading select{width:auto;min-height:36px;padding:3px 7px;font-size:.73rem;font-weight:700;border:1px solid #d7e1d9;border-radius:7px;color:#257d64;background:#fff}.address-control{border:1px solid #d7e1d9;border-radius:10px;display:flex;align-items:center;gap:9px;height:48px;padding:0 11px;color:#749589;background:#fff}.address-control:focus-within{border-color:#14846a;box-shadow:0 0 0 3px #def4e9}.address-control input{height:44px;min-width:0;flex:1;border:0;outline:0;box-shadow:none;padding:0;background:transparent;color:#172b29;font-size:.85rem}.address-control input::placeholder{color:#9aa9a0}.icon-button{border:0;background:transparent;min-width:40px;min-height:44px;color:#257d64;display:grid;place-items:center}.selected{font-size:.67rem;color:#30835e;font-weight:800}.field-message{font-size:.75rem;color:#ae6032}.address-field .suggestions{top:calc(100% + 4px)}.suggestions li{min-height:44px;padding:12px;display:flex;align-items:center;gap:8px;font-size:.82rem;cursor:pointer}.suggestions li:hover,.suggestions li[aria-selected=true]{background:#e5f5ed}.connector{border-left:2px dashed #9bcbb2;height:19px;margin:-6px 0 6px 22px}.route-options{border-top:1px solid #e9efe7;padding:12px 0;margin-top:6px}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:11px}.chip{display:inline-flex;align-items:center;gap:7px;background:#e9f6ed;color:#25704d;border-radius:30px;padding:6px 11px;font-size:.75rem;font-weight:750;min-height:44px}.chip input{accent-color:#087a60}.route-options details{font-size:.78rem;color:#3a5147}.route-options summary{padding:8px 0;cursor:pointer;font-weight:700;min-height:44px}.route-options .field{margin-top:10px}.route-options .field input{margin-top:7px}.check-row{display:flex;align-items:center;gap:8px;min-height:44px}.check-row input,.vignette input{accent-color:#087a60}.vignette{border:1px solid #e3e9df;border-radius:10px;margin:10px 0;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.vignette legend{padding:0 5px}.vignette label{display:flex;align-items:center;gap:7px;min-height:38px}.help-copy,.subtle{font-size:.73rem;line-height:1.6;color:#72827a;margin:9px 0 0}.primary-button{min-height:48px;width:100%;background:#087a60;border:0;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.87rem;font-weight:800}.primary-button:hover:not(:disabled){background:#04634d}.primary-button:disabled{opacity:.5}.warning{font-size:.73rem;line-height:1.55;color:#805b18;background:#fff2d4;border-radius:9px;padding:9px 11px}.vehicle-settings{background:#fff;border:1px solid #e4e9e1;border-radius:16px;padding:0 20px}.vehicle-settings>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:56px;font-weight:800;font-size:.84rem}.vehicle-settings>summary span{font-size:.72rem;color:#087a60}.vehicle-settings .subtle{margin:0 0 13px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:12px 0}.settings-grid .field{font-size:.75rem}.settings-grid .field input{margin-top:6px}.settings-grid .field small{display:block;margin-top:5px}.price-card .section-heading{margin-bottom:10px}.price-main{display:flex;align-items:end;justify-content:space-between;gap:8px}.price-main>div{display:grid;gap:4px}.price-main .label{font-size:.73rem;color:#526c5b}.price-main strong{font-size:clamp(1.5rem,5vw,2.2rem);letter-spacing:-.06em;color:#153a2b}.trend{display:inline-flex;align-items:center;gap:2px;font-size:.69rem;font-weight:800;color:#067e52;white-space:nowrap}.trend.up{color:#a75522}.grade-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;gap:10px;font-size:.78rem;font-weight:700}.grade-row select{height:44px;min-width:135px;border:1px solid #c7dacd;border-radius:9px;padding:0 8px;background:#fff;color:#1b3f31}.mode-row{display:flex;flex-wrap:wrap;gap:5px 13px}.mode-row label{display:flex;align-items:center;gap:5px;min-height:38px;font-size:.74rem}.mode-row input{accent-color:#087a60}.price-card .field{font-size:.77rem;margin-top:9px}.price-card .field input{margin-top:7px}.history{font-size:.74rem;padding:0;margin:12px 0 0}.history summary{cursor:pointer;min-height:38px}.history ul{list-style:none;margin:0;padding:0}.history li{border-top:1px solid #d5e6d9;padding:8px 0}.result.card{padding:22px 24px}.result h2{font-size:1.1rem;line-height:1.4;margin:5px 0 13px;overflow-wrap:anywhere}.route-status{display:inline-flex;align-items:center;gap:6px;background:#e5f4e8;color:#237653;border-radius:99px;font-size:.68rem;font-weight:800;padding:6px 10px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}.metrics>div{border:1px solid #e5ebe4;border-radius:10px;padding:9px}.metrics span{display:block;color:#6a8074;font-size:.64rem}.metrics strong{font-size:1rem;letter-spacing:-.04em}.traffic-note{display:flex;align-items:flex-start;gap:8px;font-size:.7rem;color:#60786b;line-height:1.5;margin-bottom:16px}.cost-highlight{background:#eaf6ec;border-radius:12px;padding:17px;margin-bottom:17px}.cost-highlight>div{display:grid}.cost-highlight strong{font-size:2rem;letter-spacing:-.06em;color:#143a2b}.cost-highlight p{font-size:.7rem;color:#547361;line-height:1.5;margin:2px 0}.refill-box{display:flex;gap:10px;border-bottom:1px solid #e7eee8;padding:2px 0 16px;color:#238065}.refill-box b{font-size:.8rem;color:#234437}.refill-box p{font-size:.78rem;line-height:1.5;margin:4px 0;color:#506c5e}.refill-box p strong{color:#173e2c}.refill-box small{display:block;color:#667e70}.result .route-map svg{background:#e4efe7}.result .route-map figcaption{color:#68826d}.provenance{display:grid;gap:8px;font-size:.7rem;line-height:1.5;color:#61786a;border-top:1px solid #e8eee8;padding-top:13px}.nav-links{display:flex;gap:8px;margin:15px 0}.nav-links a{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-height:44px;border:1px solid #bfdac6;border-radius:9px;text-decoration:none;font-size:.75rem;font-weight:800}.result .nav-warning{margin:0}.login-card .section-heading{margin-bottom:8px}@media(max-width:430px){.result.card{padding:18px}.metrics{gap:5px}.metrics>div{padding:7px}.metrics strong{font-size:.85rem}.settings-grid{grid-template-columns:1fr}.vignette{grid-template-columns:repeat(2,minmax(0,1fr))}.price-main{align-items:start}}.traffic-note>div{min-width:0}.directions{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:6px}.directions li{overflow-wrap:anywhere;line-height:1.45}