:root{color:#f4f7f5;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--graphite-0:#0b0d0c;--graphite-1:#111412;--graphite-2:#171b18;--line:#2c332e;--text:#f4f7f5;--muted:#9aa49d;--lime:#a3e635;--lime-deep:#74ad14;--blue:#4da3ff;--ethanol:#37d67a;--danger:#ff6b63;background:#0b0d0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--graphite-0);min-width:320px}body{background:var(--graphite-0);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #a3e63552}button:disabled,input:disabled,textarea:disabled{cursor:wait;opacity:.62}.app-shell{min-height:100vh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.app-header{z-index:5;min-height:calc(62px + env(safe-area-inset-top));padding:calc(16px + env(safe-area-inset-top)) 20px 14px;background:#0b0d0c;border-bottom:1px solid #232824;justify-content:center;align-items:flex-end;display:flex;position:relative}.app-header__wordmark{object-fit:contain;width:148px;height:auto;display:block}.app-content{width:min(100%,820px);min-height:calc(100vh - 140px);margin:0 auto;padding:26px 16px 38px}.calculator-page{gap:16px;display:grid}.page-stack{gap:16px;min-width:0;display:grid}.page-intro{padding:3px 4px 4px}.page-intro h1,.placeholder h1,.secondary-header h1{color:var(--text);letter-spacing:-.045em;margin:5px 0 6px;font-size:clamp(1.85rem,9vw,2.65rem);line-height:1}.page-intro>p:last-child,.placeholder>p{max-width:520px;color:var(--muted);margin:0;line-height:1.55}.eyebrow{color:var(--lime);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.section-card,.result-card,.placeholder{border:1px solid var(--line);background:var(--graphite-1);border-radius:20px;min-width:0;padding:18px;box-shadow:0 12px 34px #00000029}.section-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.section-heading__index{width:31px;height:31px;color:var(--lime);border:1px solid #4b5c4e;border-radius:9px;flex:0 0 31px;place-items:center;font-size:.7rem;font-weight:800;display:grid}.section-heading h2{letter-spacing:-.01em;margin:0 0 3px;font-size:1.02rem}.section-heading p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.segmented{border:0;min-width:0;margin:0 0 17px;padding:0}.segmented__legend{color:#c4cbc6;margin-bottom:8px;font-size:.76rem;font-weight:650}.segmented__track{background:#0d100e;border:1px solid #29302b;border-radius:13px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;min-width:0;padding:4px;display:grid}.segmented__option{min-width:0;min-height:43px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 9px;font-size:.78rem;font-weight:720;line-height:1.2}.segmented__option[aria-pressed=true]{color:#10160b;background:var(--lime);box-shadow:0 3px 10px #a3e63526}.field-grid{gap:14px;display:grid}.field{min-width:0}.field__label{color:#cdd3cf;margin:0 0 7px;font-size:.78rem;font-weight:650;display:block}.field__control{background:#0d100e;border:1px solid #353d37;border-radius:12px;align-items:center;min-width:0;min-height:51px;transition:border-color .16s,box-shadow .16s;display:flex;overflow:hidden}.field__control:focus-within{border-color:var(--lime-deep);box-shadow:0 0 0 3px #a3e63517}.field--error .field__control{border-color:var(--danger)}.field__input{width:100%;min-width:0;height:49px;color:var(--text);background:0 0;border:0;outline:0;padding:0 13px;font-size:1.08rem;font-weight:680}.field__prefix,.field__suffix{color:#b7c0ba;flex:none;font-size:.82rem;font-weight:750}.field__prefix{padding-left:13px}.field__suffix{padding-right:13px}.field__message,.field__hint{margin-top:6px;font-size:.73rem;line-height:1.35;display:block}.field__message{color:#ff918b}.field__hint{color:var(--muted)}.fuel-pair{gap:12px;display:grid}.fuel-card{background:#0d100e;border:1px solid #303732;border-radius:16px;min-width:0;padding:14px}.fuel-card--gasoline{border-top:2px solid var(--blue)}.fuel-card--ethanol{border-top:2px solid var(--ethanol)}.fuel-card--single{gap:2px;display:grid}.fuel-card__header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.fuel-card__header h3{margin:0 0 2px;font-size:.94rem}.fuel-card__header p{color:var(--muted);margin:0;font-size:.75rem}.fuel-card__dot{opacity:.7;background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px}.fuel-card--gasoline .fuel-card__dot{color:#4da3ff2e;background:var(--blue)}.fuel-card--ethanol .fuel-card__dot{color:#37d67a2e;background:var(--ethanol)}.fuel-card__fixed{min-height:50px;color:var(--muted);border:1px solid #29302b;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:0 13px;font-size:.76rem;display:flex}.fuel-card__fixed strong{color:var(--ethanol);font-size:1rem}.calculate-button,.register-button,.secondary-button{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-weight:820;display:flex}.calculate-button{color:#11170b;background:var(--lime);border:1px solid #b5ef5c;box-shadow:0 10px 30px #a3e6351f}.calculate-button span,.register-button span{font-size:1.25rem}.register-button{border:1px solid var(--lime);color:var(--lime);background:0 0;margin-top:19px}.secondary-button{max-width:320px;color:var(--text);background:#181c19;border:1px solid #3b443d;margin-top:20px}.result-stack{gap:12px;display:grid}.result-card{border-color:#45563e;padding:20px 18px}.result-card__heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.result-card__heading h2{letter-spacing:-.035em;margin:5px 0 0;font-size:1.45rem}.result-card__step{color:#bdc6bf;border:1px solid #3e493f;border-radius:999px;flex:none;padding:6px 8px;font-size:.63rem;font-weight:720}.result-card__zero{color:#ccd4ce;line-height:1.55}.recommendation-lines{gap:8px;margin:18px 0 4px;display:grid}.recommendation-line{background:#0d100e;border-left:3px solid;border-radius:9px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}.recommendation-line--gasoline{border-color:var(--blue)}.recommendation-line--ethanol{border-color:var(--ethanol)}.recommendation-line__fuel{color:#c2cac4;min-width:0;font-size:.8rem}.recommendation-line strong{letter-spacing:-.03em;flex:none;font-size:1.5rem}.recommendation-line small{color:var(--muted);margin-left:4px;font-size:.7rem}.gauge{width:min(100%,390px);margin:20px auto 10px}.gauge__svg{width:100%;display:block;overflow:visible}.gauge__target{stroke:var(--lime);stroke-width:4px;stroke-linecap:round}.gauge__final{stroke:#fff;stroke-width:4px;stroke-linecap:round}.gauge__tick{fill:#8e9891;text-anchor:middle;dominant-baseline:middle;font-size:7px;font-weight:700}.gauge__value{fill:#fff;letter-spacing:-1px;text-anchor:middle;font-size:24px;font-weight:820}.gauge__caption{fill:#7f8982;letter-spacing:1.3px;text-anchor:middle;font-size:6px;font-weight:800}.gauge__legend{color:var(--muted);justify-content:center;gap:18px;margin-top:-5px;font-size:.7rem;display:flex}.gauge__legend span{align-items:center;gap:6px;display:flex}.gauge__legend-dot{border-radius:50%;width:8px;height:8px}.gauge__legend-dot--final{background:#fff}.gauge__legend-dot--target{background:var(--lime)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metric{background:#0d100e;border:1px solid #2b322d;border-radius:10px;min-width:0;padding:11px}.metric--wide{grid-column:1/-1}.metric span{color:var(--muted);margin-bottom:5px;font-size:.66rem;display:block}.metric strong{overflow-wrap:anywhere;color:#f0f4f1;font-size:.92rem;display:block}.metric--subdued strong{color:#b3bcb6;font-size:.78rem}.result-card__footnote{color:#778179;text-align:center;margin:14px 0 0;font-size:.67rem;line-height:1.45}.result-notice,.consumption-card{background:#17150f;border:1px solid #4c4430;border-radius:16px;align-items:flex-start;gap:13px;padding:17px;display:flex}.result-notice>span,.consumption-card__icon{color:#17150f;background:#eab308;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.result-notice h2,.consumption-card h2{margin:1px 0 4px;font-size:1rem}.result-notice p,.consumption-card p{color:#b3ada0;margin:0;font-size:.8rem;line-height:1.45}.consumption-card{background:#131810;border-color:#45563e}.consumption-card__icon{color:#11170b;background:var(--lime)}.consumption-card .eyebrow{color:var(--lime);margin-bottom:4px;font-size:.62rem}.placeholder{min-height:310px;padding-top:44px}.placeholder--handoff{min-height:auto}.handoff-summary{background:#0d100e;border-radius:12px;grid-template-columns:1fr auto;gap:9px 16px;margin:22px 0 0;padding:15px;display:grid}.handoff-summary dt{color:var(--muted)}.handoff-summary dd{margin:0;font-weight:780}.bottom-nav{z-index:20;padding:5px 10px calc(5px + env(safe-area-inset-bottom));background:#0b0d0cf5;border-top:1px solid #272c28;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,640px);margin:0 auto;display:grid}.bottom-nav__item{color:#778179;cursor:pointer;background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;min-height:60px;font-size:.64rem;font-weight:720;display:grid}.bottom-nav__item svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.bottom-nav__item[aria-current=page]{color:var(--lime)}.page-intro--actions{gap:18px;display:grid}.page-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.compact-button,.back-button,.danger-button{cursor:pointer;border-radius:12px;min-height:46px;font-weight:760}.compact-button{color:#dbe1dd;background:#151916;border:1px solid #3a433c;min-width:0;padding:9px 12px}.compact-button--primary{color:#11170b;background:var(--lime);border-color:#789f37}.back-button{width:46px;color:var(--text);background:#151916;border:1px solid #39413b;flex:0 0 46px;place-items:center;font-size:1.25rem;display:grid}.secondary-header{align-items:flex-start;gap:13px;min-width:0;padding:3px 4px 4px;display:flex}.secondary-header>div{min-width:0}.secondary-header h1{overflow-wrap:anywhere}.secondary-header p:last-child{color:var(--muted);margin:0;font-size:.8rem}.state-card{border:1px solid var(--line);background:var(--graphite-1);text-align:center;border-radius:20px;min-width:0;padding:28px 20px}.state-card__mark{width:38px;height:38px;color:var(--lime);background:#151b11;border:1px solid #50623f;border-radius:50%;place-items:center;margin:0 auto 15px;font-weight:900;display:grid}.state-card h1,.state-card h2{margin:0 0 7px;font-size:1.15rem}.state-card p{max-width:470px;color:var(--muted);margin:0 auto;font-size:.85rem;line-height:1.55}.state-card .secondary-button{margin-left:auto;margin-right:auto}.history-list{gap:12px;display:grid}.history-card{border:1px solid var(--line);background:var(--graphite-1);border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 10px 28px #00000024}.history-card__open{width:100%;min-width:0;min-height:76px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #272e29;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:15px 44px 15px 16px;display:grid;position:relative}.history-card__date{color:#c8d0ca;min-width:0;font-size:.8rem;font-weight:680}.history-card__volume{letter-spacing:-.035em;grid-column:1;font-size:1.5rem}.history-card__chevron{color:var(--lime);font-size:1.7rem;position:absolute;top:50%;right:17px;transform:translateY(-50%)}.status-chip{color:#aeb7b0;letter-spacing:.05em;background:#161a17;border:1px solid #495049;border-radius:999px;align-items:center;min-height:26px;padding:4px 8px;font-size:.62rem;font-weight:820;display:inline-flex}.status-chip--full{color:var(--lime);background:#161d10;border-color:#657f3d}.history-card__components{gap:7px;padding:13px 16px;display:grid}.history-component{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;min-width:0;display:grid}.history-component span{overflow-wrap:anywhere;color:#c6cec8;font-size:.78rem}.history-component strong{font-size:.83rem}.history-component small{color:#7f8982;grid-column:1/-1;font-size:.68rem}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;display:grid}.fact-grid--compact{padding:0 16px 15px}.fact-grid>div{background:#0d100e;border:1px solid #2b322d;border-radius:10px;min-width:0;padding:10px}.fact-grid dt{color:var(--muted);margin-bottom:4px;font-size:.66rem}.fact-grid dd{overflow-wrap:anywhere;color:#eef2ef;margin:0;font-size:.8rem;font-weight:720}.history-card__notes{color:#aeb7b0;border-top:1px solid #292f2b;margin:0 16px 16px;padding-top:12px;font-size:.75rem;line-height:1.5}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.insight-card{border:1px solid var(--line);background:var(--graphite-1);border-radius:15px;min-width:0;min-height:108px;padding:15px}.insight-card span{color:var(--muted);margin-bottom:11px;font-size:.7rem;line-height:1.35;display:block}.insight-card strong{overflow-wrap:anywhere;letter-spacing:-.025em;font-size:1.22rem;display:block}.insight-card--accent{border-color:#586d3e}.insight-card--accent strong{color:var(--lime)}.insight-card--wide{grid-column:1/-1}.insight-card--notice p{color:var(--muted);margin:7px 0 0;font-size:.74rem;line-height:1.45}.insight-section{gap:16px;display:grid}.latest-cycle{background:#10150e;border:1px solid #34412f;border-radius:15px;padding:16px}.latest-cycle__headline{gap:5px;margin:8px 0 14px;display:grid}.latest-cycle__headline strong{color:var(--lime);font-size:1.65rem}.latest-cycle__headline span{color:var(--muted);font-size:.72rem}.latest-cycle .fact-grid--compact{padding:0}.refueling-form{gap:16px;display:grid}.handoff-banner{background:#141b10;border:1px solid #58723a;border-radius:16px;padding:16px}.handoff-banner strong{margin:5px 0;font-size:1.05rem;display:block}.handoff-banner p:not(.eyebrow){color:#aab5ac;margin:3px 0 0;font-size:.78rem;line-height:1.45}.refueling-form .fuel-card{align-content:start;gap:13px;display:grid}.refueling-form .fuel-card .segmented,.refueling-form .fuel-card .fuel-card__fixed{margin-bottom:0}.notes-field{margin-top:15px;display:block}.notes-input{resize:vertical;width:100%;min-height:110px;color:var(--text);background:#0d100e;border:1px solid #353d37;border-radius:12px;outline:0;padding:12px 13px;line-height:1.5;display:block}.notes-input:focus{border-color:var(--lime-deep);box-shadow:0 0 0 3px #a3e63517}.form-error,.form-submit-error{color:#ffaaa5;background:#211311;border:1px solid #74413d;border-radius:10px;margin:13px 0 0;padding:11px 12px;font-size:.76rem;line-height:1.45}.form-submit-error{margin:0}.form-submit:disabled{color:#4a534b;background:#7da82f;border-color:#4b5c3d}.detail-hero{background:#121710;border:1px solid #4a5a3e;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:19px;display:grid}.detail-hero h2{letter-spacing:-.045em;margin:4px 0 0;font-size:2rem}.detail-hero__ethanol{border-top:1px solid #303a2c;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.detail-hero__ethanol span{color:var(--muted);font-size:.72rem}.detail-hero__ethanol strong{color:var(--lime);font-size:1.18rem}.detail-components{gap:9px;display:grid}.detail-component{border:1px solid #303732;border-left:3px solid var(--blue);background:#0d100e;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:13px;display:grid}.detail-component--ethanol{border-left-color:var(--ethanol)}.detail-component h3{margin:0 0 3px;font-size:.88rem}.detail-component p,.detail-component span{color:var(--muted);margin:0;font-size:.7rem}.detail-component strong{grid-area:1/2/span 2;align-self:center;font-size:1rem}.detail-component>span{grid-column:1/-1;margin-top:5px}.detail-notes h2{margin:0 0 9px;font-size:1rem}.detail-notes p{color:#bdc6bf;white-space:pre-wrap;margin:0;line-height:1.55}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.detail-actions .secondary-button{max-width:none;margin:0}.danger-button{color:#ffaaa5;background:#251311;border:1px solid #a84e47;width:100%;padding:10px 14px}.dialog-backdrop{z-index:50;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#000000b8;align-items:end;display:grid;position:fixed;inset:0}.delete-dialog{width:min(100%,460px);max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#151817;border:1px solid #633c38;border-radius:20px;margin:0 auto;padding:22px;overflow-y:auto;box-shadow:0 20px 70px #0000008c}.delete-dialog__icon{color:#190b0a;background:var(--danger);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.delete-dialog h2{margin:15px 0 7px;font-size:1.25rem}.delete-dialog>p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.55}.delete-dialog .dialog-status{color:#ffaaa5;margin-top:12px}.delete-dialog__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.delete-dialog__actions .secondary-button{max-width:none;margin:0}.bootstrap-error{background:var(--graphite-1);border:1px solid #74413d;border-radius:18px;width:min(100% - 32px,620px);margin:80px auto;padding:24px}.bootstrap-error h1{margin-top:0}.bootstrap-error p{color:var(--muted);line-height:1.55}.settings-page{gap:18px}.settings-card{border:1px solid var(--line);background:var(--graphite-1);border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;min-width:0;padding:18px;display:grid;box-shadow:0 12px 34px #00000029}.settings-card__icon{width:40px;height:40px;color:var(--lime);background:#141a10;border:1px solid #546641;border-radius:12px;place-items:center;font-size:1.2rem;font-weight:820;display:grid}.settings-card h2{margin:1px 0 5px;font-size:1.05rem}.settings-card p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.settings-card .compact-button{grid-column:1/-1;width:100%}.version-card{min-width:0;color:var(--muted);background:#0e110f;border:1px solid #2a302c;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;font-size:.875rem;display:flex}.version-card strong{color:var(--text);font-size:1rem}.backup-action-card{gap:14px;display:grid}.backup-action-card .section-heading{margin-bottom:0}.backup-action{width:100%}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.operation-message{color:#cbd3cd;background:#0d100e;border:1px solid #3a433c;border-radius:11px;margin:0;padding:12px 13px;font-size:.875rem;line-height:1.5}.operation-message--success{color:#c9e8a2;background:#11180d;border-color:#4d6834}.operation-message--error{color:#ffaaa5;background:#211311;border-color:#75433f}.restore-panel{background:#0d100e;border:1px solid #3a433c;border-radius:14px;gap:13px;padding:16px;display:grid}.restore-panel--success{background:#11180d;border-color:#4d6834}.restore-panel--error{background:#211311;border-color:#75433f}.restore-panel--preview{background:#11160f;border-color:#586d3e}.restore-panel h3{margin:0;font-size:1rem}.restore-panel p{color:#aeb8b1;margin:0;font-size:.875rem;line-height:1.5}.restore-panel>.compact-button{width:100%}.restore-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.restore-summary>div{background:#0a0d0b;border:1px solid #303832;border-radius:10px;min-width:0;padding:10px}.restore-summary dt{color:var(--muted);font-size:.75rem;line-height:1.3}.restore-summary dd{color:var(--text);margin:5px 0 0;font-size:1.15rem;font-weight:800}.restore-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.restore-actions .compact-button{min-width:0}.conflict-list{color:#e4bab7;gap:7px;margin:0;padding-left:20px;font-size:.8125rem;line-height:1.45;display:grid}.backup-privacy{color:#7f8982;margin:0 4px;font-size:.8125rem;line-height:1.5}@media (width>=560px){.app-content{padding:34px 24px 52px}.section-card,.result-card{padding:23px}.field-grid,.fuel-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro--actions{grid-template-columns:minmax(0,1fr) auto;align-items:end}.page-actions{width:330px}.dialog-backdrop{align-items:center}.settings-card{grid-template-columns:auto minmax(0,1fr) 120px;align-items:center;padding:21px}.settings-card .compact-button{grid-column:auto}}@media (width>=860px){.app-header{min-height:calc(72px + env(safe-area-inset-top))}.app-header__wordmark{width:164px}.app-content{padding-top:42px}.calculator-page{gap:19px}.section-card,.result-card,.placeholder{border-radius:22px}}@media (width<=355px){.app-content{padding-left:12px;padding-right:12px}.section-card,.result-card{padding:15px}.segmented__option{padding-left:5px;padding-right:5px;font-size:.72rem}.result-card__heading{display:block}.result-card__step{margin-top:9px;display:inline-block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}