.fuel-calculator-page{background:#f3f4f6}.fuel-page-header{text-align:center;background:linear-gradient(135deg,#e0f2f1 0%,#f5f7fa 50%,#e8f5e9 100%);padding:56px 24px 36px}.fuel-page-header__inner{max-width:720px;margin:0 auto}.fuel-page-header h1{color:#0d1b2a;letter-spacing:-.02em;margin:0 0 10px;font-family:Poppins,sans-serif;font-size:clamp(1.875rem,3.5vw,2.5rem);font-weight:700}.fuel-page-header p{color:#4b5563;margin:0;font-size:1rem;line-height:1.5}.fuel-app{grid-template-columns:380px 1fr;gap:16px;max-width:1320px;height:calc(100vh - 220px);min-height:580px;max-height:820px;margin:0 auto;padding:16px;display:grid}@media (max-width:880px){.fuel-app{grid-template-columns:1fr;gap:12px;height:auto;max-height:none;padding:12px}}.fuel-sidebar{background:#fff;border-radius:20px;align-self:start;max-height:100%;padding:24px;position:relative;overflow-y:auto;box-shadow:0 4px 16px #0f172a0f,0 1px 2px #0f172a0a}.fuel-sidebar--expanded{align-self:stretch;max-height:none}.fuel-sidebar--expanded .fuel-card-flip,.fuel-sidebar--expanded .fuel-card-face--front,.fuel-sidebar--expanded .fuel-search{height:100%}.fuel-sidebar--expanded .fuel-search__submit{margin-top:auto}@media (max-width:880px){.fuel-sidebar{border-radius:16px;align-self:stretch;max-height:none;overflow-y:visible}}.fuel-card-flip{position:relative;overflow:hidden}.fuel-card-face{width:100%;transition:opacity .32s,transform .32s,visibility 0s linear .32s;position:absolute;inset:0 0 auto}.fuel-card-face--front{opacity:1;visibility:visible;transition-delay:0s;position:relative;transform:scale(1)}.fuel-card-face--back{opacity:0;visibility:hidden;pointer-events:none;position:absolute;transform:scale(.96)}.fuel-card-flip--back .fuel-card-face--front{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,.32s;position:absolute;transform:scale(1.04)}.fuel-card-flip--back .fuel-card-face--back{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;position:relative;transform:scale(1)}.fuel-search{flex-direction:column;gap:12px;display:flex}.fuel-search__live{color:#065f46;white-space:nowrap;text-overflow:ellipsis;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.8rem;display:flex;overflow:hidden}.fuel-search__live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite fuelPulse}.fuel-search__live-strong{color:#065f46;font-size:.85rem;font-weight:700}.fuel-search__live-meta{color:#047857;opacity:.85;text-overflow:ellipsis;margin-left:2px;font-size:.72rem;overflow:hidden}@keyframes fuelPulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.fuel-search__inputs{flex-direction:column;gap:8px;display:flex;position:relative}.fuel-search__input-wrap{align-items:center;display:flex;position:relative}.fuel-search__pin{color:#fff;z-index:2;pointer-events:none;background:#00897b;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.fuel-search__pin--b{background:#00897b}.fuel-search__input-wrap .address-autocomplete{width:100%}.fuel-search__input-wrap input{height:44px;font-size:.92rem;border-radius:10px!important;padding-left:44px!important}.fuel-search__swap{color:#00897b;cursor:pointer;z-index:3;background:#fff;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .15s,transform .2s,background .2s;display:flex;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 2px 8px #0f172a14}.fuel-search__swap:hover{background:#e0f2f1;transform:translateY(-50%)rotate(180deg)}.fuel-search__swap--hidden{opacity:0;pointer-events:none}.fuel-search__advanced-toggle{color:#00897b;cursor:pointer;background:0 0;border:1px dashed #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.fuel-search__advanced-toggle:hover{background:#f0fdfa;border-color:#00897b}.fuel-search__advanced{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:12px;padding:12px;animation:.25s fuelFadeIn;display:flex}@keyframes fuelFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fuel-search__submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00897b 0%,#004d40 100%);border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 12px #00897b40}.fuel-search__submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px #00897b52}.fuel-search__submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.fuel-search__error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:0;padding:10px 14px;font-size:.875rem}.fuel-field{display:block}.fuel-field__label{color:#0d1b2a;margin-bottom:5px;font-size:.78rem;font-weight:600;display:block}.fuel-field__input-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;height:36px;padding:0 10px;display:flex}.fuel-field__input-wrap:focus-within{border-color:#00897b;box-shadow:0 0 0 3px #00897b1a}.fuel-field__input{color:#0d1b2a;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-family:inherit;font-size:.9rem}.fuel-field__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fuel-field__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fuel-field__input[type=number]{-moz-appearance:textfield}.fuel-field__suffix,.fuel-field__prefix{color:#6b7280;white-space:nowrap;font-size:.8rem;font-weight:500}.fuel-field__prefix{margin-right:6px}.fuel-field__suffix{margin-left:6px}.fuel-field__hint{color:#6b7280;margin-top:4px;font-size:.75rem;display:block}.fuel-types,.fuel-passengers{flex-wrap:wrap;gap:6px;display:flex}.fuel-type-pill,.fuel-passenger-pill{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;padding:5px 10px;font-family:inherit;font-size:.78rem;font-weight:500;transition:all .15s}.fuel-passenger-pill{text-align:center;min-width:36px;font-weight:600}.fuel-type-pill:hover,.fuel-passenger-pill:hover{color:#004d40;border-color:#00897b}.fuel-type-pill--active,.fuel-passenger-pill--active{color:#fff;background:#00897b;border-color:#00897b}.fuel-result-panel{flex-direction:column;gap:18px;display:flex;position:relative}.fuel-result-panel__close{color:#4b5563;cursor:pointer;z-index:5;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:-4px;right:-4px}.fuel-result-panel__close:hover{color:#b91c1c;background:#fee2e2;border-color:#fecaca;transform:rotate(90deg)}.fuel-result-panel__route{color:#374151;background:#f9fafb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 44px 12px 12px;font-size:.85rem;display:flex}.fuel-result-panel__route-pin{color:#fff;background:#00897b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex}.fuel-result-panel__route-text{color:#0d1b2a;flex:1 0 auto;min-width:0;font-weight:500}.fuel-result-panel__route-arrow{color:#9ca3af;flex-shrink:0}.fuel-result-panel__total{color:#fff;background:linear-gradient(160deg,#00897b 0%,#004d40 100%);border-radius:14px;flex-direction:column;gap:4px;padding:22px;display:flex;box-shadow:0 8px 24px #004d402e}.fuel-result-panel__label{text-transform:uppercase;letter-spacing:.06em;opacity:.85;font-size:.75rem;font-weight:600}.fuel-result-panel__value{letter-spacing:-.02em;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.05}.fuel-result-panel__sub{opacity:.85;font-size:.85rem}.fuel-result-panel__split{flex-direction:column;gap:6px;display:flex}.fuel-result-panel__row{color:#4b5563;background:#f9fafb;border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 14px;font-size:.9rem;display:flex}.fuel-result-panel__row strong{color:#0d1b2a;font-size:1rem;font-weight:600}.fuel-result-panel__compare{background:#f9fafb;border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.fuel-result-panel__compare-title{text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:4px;font-size:.7rem;font-weight:600}.fuel-result-panel__compare-row{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;display:flex}.fuel-result-panel__compare-row--win{color:#fff;background:linear-gradient(135deg,#00897b 0%,#004d40 100%);border-color:#0000;font-weight:600}.fuel-result-panel__cta{text-align:center;color:#fff;background:#ff9e1b;border-radius:12px;padding:14px 20px;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 12px #ff9e1b52}.fuel-result-panel__cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff9e1b6b}.fuel-map{background:radial-gradient(55% 65% at 50% 55%,#f0eee5 0%,#e8e3d5 60%,#0000 75%),linear-gradient(#b9dbf0 0%,#a8d0e8 100%);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0f,0 1px 2px #0f172a0a}@media (max-width:880px){.fuel-map{border-radius:16px;height:50vh;min-height:280px;max-height:420px}}.fuel-map .mapboxgl-map{opacity:0;width:100%;height:100%;transition:opacity .4s}.fuel-map--loaded .mapboxgl-map{opacity:1}.fuel-map__hint{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;pointer-events:none;background:#fffffff5;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 22px;font-size:.95rem;font-weight:500;animation:3s ease-in-out infinite fuelHintFloat;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #0f172a1f}.fuel-map__hint-arrow{color:#00897b;font-size:1.5rem;animation:1.5s ease-in-out infinite fuelArrowBounce}@keyframes fuelHintFloat{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 4px))}}@keyframes fuelArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}@media (max-width:880px){.fuel-map__hint{padding:10px 16px;font-size:.85rem}.fuel-map__hint-arrow{display:none}}.fuel-map__chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#fffffff5;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 8px 20px #0f172a1a}.fuel-map__chip-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite fuelPulse}.fuel-map__chip-text{flex-direction:column;font-size:.8rem;line-height:1.2;display:flex}.fuel-map__chip-text strong{color:#065f46;font-size:.95rem;font-weight:700}.fuel-map__chip-text span{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.7rem;font-weight:600}.fuel-map__stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4;background:#fffffff7;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:18px;padding:14px 20px;animation:.4s fuelStatsIn;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a24}@keyframes fuelStatsIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:880px){.fuel-map__stats{justify-content:space-between;gap:10px;padding:10px 14px;bottom:12px;left:12px;right:12px;transform:none}@keyframes fuelStatsIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}.fuel-map__stat{flex-direction:column;align-items:center;display:flex}.fuel-map__stat-value{color:#0d1b2a;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.1}.fuel-map__stat--cost .fuel-map__stat-value{color:#00897b}.fuel-map__stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.7rem;font-weight:600}.fuel-map__stats-divider{background:#e5e7eb;width:1px;height:28px}.fuel-map__loading{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#00897b;z-index:5;background:#fff9;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.9rem;font-weight:500;display:flex;position:absolute;inset:0}.fuel-map__loading-spinner{border:3px solid #b2dfdb;border-top-color:#00897b;border-radius:50%;width:38px;height:38px;animation:.9s linear infinite fuelSpin}@keyframes fuelSpin{to{transform:rotate(360deg)}}.fuel-why{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}@media (max-width:880px){.fuel-why{grid-template-columns:1fr}}.fuel-why__item{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.fuel-why__icon{color:#00897b;background:#e0f2f1;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.fuel-why__item h3{color:#0d1b2a;margin:0 0 8px;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600}.fuel-why__item p{color:#6b7280;margin:0;font-size:.9rem;line-height:1.6}