.fuel-page{padding:var(--space-4) clamp(var(--space-4), 2.5vw, 56px) calc(var(--space-7) + var(--tab-bar-space));gap:var(--space-4);color:var(--color-text);flex-direction:column;display:flex}@media (min-width:1800px){.fuel-page{--text-figure:60px;--text-title:28px;--text-subtitle:19px;--text-body:16px;--text-note:13px;--text-label:12px}}@media (min-width:2400px){.fuel-page{--text-figure:68px;--text-title:32px;--text-subtitle:21px;--text-body:17px;--text-note:14px;--text-label:13px}}.fuel-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.fuel-head h1{font-family:var(--font-display);font-weight:800;font-size:var(--text-title);margin:0}.fuel-filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.fuel-scope-search{flex:240px;max-width:320px}.fuel-scope-search .place-search-panel{overscroll-behavior:contain;max-height:min(60vh,420px);overflow-y:auto}@media (max-width:599px){.fuel-scope-search{flex-basis:100%;max-width:none}}.fuel-seg{border:1px solid var(--color-control-border);border-radius:var(--radius);display:flex;overflow:hidden}.fuel-seg button{min-height:44px;padding:0 var(--space-3);color:var(--color-text-muted);font:inherit;font-size:var(--text-note);cursor:pointer;background:0 0;border:0}.fuel-seg button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.fuel-seg button[aria-checked=true]{background:var(--color-secondary);color:var(--color-on-secondary);font-weight:600}.fuel-seg button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;box-shadow:inset 0 0 0 4px var(--color-background)}.fuel-seg button:first-child:focus-visible{border-radius:7px 0 0 7px}.fuel-seg button:last-child:focus-visible{border-radius:0 7px 7px 0}.fuel-today-pill{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-control-border);background:var(--color-surface);color:var(--color-text);font:var(--text-note) var(--font-body);cursor:pointer;border-radius:999px;display:inline-flex}@media (max-width:899px){.fuel-today-pill{display:none}}.fuel-today-pill.is-open{color:var(--color-text-muted);background:0 0}.fuel-today-pill b{font-family:var(--font-display);font-size:var(--text-body)}.fuel-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:900px){.fuel-grid{grid-template-columns:minmax(0,1fr) clamp(320px,22vw,440px);align-items:start}.fuel-fold:not(.is-open){grid-template-columns:minmax(0,1fr) 0;column-gap:0}}@media (prefers-reduced-motion:no-preference){.fuel-fold{transition:grid-template-columns .28s cubic-bezier(.22,1,.36,1),column-gap .28s cubic-bezier(.22,1,.36,1)}}.fuel-main{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.fuel-sum{align-items:baseline;gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.fuel-sum-when{font-size:var(--text-note);color:var(--color-text-muted);margin:0}.fuel-sum-figs{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;display:flex}.fuel-sum-figs>div{align-items:baseline;gap:var(--space-2);display:inline-flex}.fuel-sum-figs dt{font-size:var(--text-note);color:var(--color-text-muted)}.fuel-sum-figs dd{font-family:var(--font-display);font-weight:800;font-size:var(--text-subtitle);margin:0}.fuel-crude-ink{color:var(--fuel-crude)}.fuel-sum-tax{color:var(--fuel-ieh-ink)}.fuel-hito-line{font-size:var(--text-body);min-height:1.4em;margin:0;line-height:1.4}.fuel-hito-line.tax b{color:var(--fuel-ieh-ink)}.fuel-hito-line.crude b{color:var(--fuel-crude)}.fuel-zoombar{align-items:center;gap:var(--space-2);flex-wrap:wrap;min-height:44px;display:flex}.fuel-unzoom{align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);background:var(--color-primary);color:var(--color-on-primary);font:600 var(--text-body) var(--font-body);cursor:pointer;box-shadow:var(--shadow-sm);border:0;border-radius:999px;display:inline-flex}.fuel-unzoom-step{min-height:44px;padding:0 var(--space-3);border:1.5px solid var(--color-control-border);color:var(--color-text);font:600 var(--text-note) var(--font-body);cursor:pointer;background:0 0;border-radius:999px}.fuel-zoom-range{font-size:var(--text-note);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.fuel-zoomwrap{border-radius:var(--radius-module);padding:var(--space-2) var(--space-2) 0;transition:box-shadow .2s ease-out;box-shadow:inset 0 0 0 1.5px #0000}.fuel-zoomwrap.is-zoomed{box-shadow:inset 0 0 0 1.5px var(--color-primary)}@media (prefers-reduced-motion:reduce){.fuel-zoomwrap{transition:none}}.fuel-chart{margin:0}.fuel-chart svg{touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:auto;display:block}.fuel-chart svg:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius)}.fuel-grid-line{stroke:var(--color-border);stroke-width:1px}.fuel-axis{fill:var(--color-text-muted);font:var(--text-label) var(--font-body);font-variant-numeric:tabular-nums}.fuel-axis.usd{fill:var(--fuel-crude)}.fuel-crude-label{fill:var(--fuel-crude);font:600 var(--text-label) var(--font-body);paint-order:stroke;stroke:var(--color-background);stroke-width:3px;stroke-linejoin:round}.fuel-band.crude{fill:var(--fuel-crude-fill)}.fuel-band.margin{fill:var(--fuel-margin-fill)}.fuel-band.product{fill:var(--fuel-margin-fill);opacity:.5}.fuel-band.ieh{fill:var(--fuel-ieh-fill)}.fuel-band.iva{fill:var(--fuel-iva-fill)}.fuel-band-top{fill:none;stroke-width:1.5px;stroke-linejoin:round}.fuel-band-top.margin{stroke:var(--fuel-margin)}.fuel-band-top.ieh{stroke:var(--fuel-ieh)}.fuel-band-top.iva{stroke:var(--fuel-iva)}.fuel-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.fuel-line.crude{stroke:var(--fuel-crude);stroke-width:2.5px}.fuel-line.pump{stroke:var(--color-text);stroke-width:2.5px}@media (prefers-reduced-motion:no-preference){.fuel-line.is-drawing{stroke-dasharray:1;stroke-dashoffset:1px;animation:.6s cubic-bezier(.16,1,.3,1) forwards fuel-draw}.fuel-bands.is-drawing{opacity:0;animation:.25s ease-out .35s forwards fuel-fade}}@keyframes fuel-draw{to{stroke-dashoffset:0}}@keyframes fuel-fade{to{opacity:1}}.fuel-cursor line{stroke:var(--color-text-muted);stroke-dasharray:3 3}.fuel-cursor circle{stroke:var(--color-background);stroke-width:2px}.fuel-cursor circle.pump{fill:var(--color-text)}.fuel-cursor circle.crude{fill:var(--fuel-crude)}.fuel-readout{font-size:var(--text-note);min-height:1.4em;color:var(--color-text);margin-top:var(--space-1);line-height:1.4}@media (max-width:599px){.fuel-readout{min-height:2.8em}}.fuel-sel{fill:var(--wx-band);stroke:var(--color-primary);stroke-width:1px}.fuel-hit{fill:#0000}.fuel-hito-mark{cursor:pointer}.fuel-hito-mark line{stroke-dasharray:3 3;stroke-width:1.2px}.fuel-hito-mark line.tax{stroke:var(--fuel-ieh)}.fuel-hito-mark line.crude{stroke:var(--fuel-crude)}.fuel-hito-mark.on line{stroke-width:2.5px;stroke-dasharray:none}.fuel-mark{stroke:var(--color-background);stroke-width:1.5px}.fuel-mark.tax{fill:var(--fuel-ieh)}.fuel-mark.crude{fill:var(--fuel-crude)}.fuel-mark.on{stroke:var(--color-text);stroke-width:2px}.fuel-mark-cluster circle{fill:var(--color-text);stroke:var(--color-background);stroke-width:1.5px}.fuel-mark-cluster text{fill:var(--color-background);font:700 11px var(--font-body);font-variant-numeric:tabular-nums}.fuel-mark-button{cursor:pointer;outline:none}.fuel-mark-button:focus-visible .fuel-hit{fill:var(--wx-band-soft);stroke:var(--color-primary);stroke-width:2px}.fuel-hint-pill{font-size:var(--text-note);padding:var(--space-1) var(--space-3);background:var(--color-surface);color:var(--color-text);border-radius:999px;align-self:flex-start;margin:0}.fuel-hint{font-size:var(--text-note);color:var(--color-text-muted);margin:0}.fuel-ruler svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;width:100%;height:auto;display:block}.fuel-ruler.is-live svg{cursor:grab}.fuel-ruler.is-live svg:active{cursor:grabbing}.fuel-mini{fill:none;stroke-width:1.2px}.fuel-mini.pump{stroke:var(--color-text-muted)}.fuel-mini.crude{stroke:var(--fuel-crude);opacity:.7}.fuel-ruler-shade{fill:var(--color-background);opacity:.6}.fuel-ruler-window{fill:none;stroke:var(--color-text);stroke-width:1.5px}.fuel-ruler-window.is-grab{fill:var(--wx-band-soft);stroke:var(--color-primary);stroke-width:2px;cursor:grab;outline:none}.fuel-ruler-window.is-grab:focus-visible{stroke:var(--color-text);stroke-width:3px}.fuel-ruler-grip{stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;pointer-events:none}.fuel-ruler-handle{fill:var(--color-primary);stroke:var(--color-background);stroke-width:1.5px;cursor:ew-resize}.fuel-key{gap:var(--space-2) var(--space-4);font-size:var(--text-note);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fuel-key li{align-items:center;gap:var(--space-2);display:inline-flex}.fuel-sw{border-radius:999px;flex:none;width:12px;height:12px;display:inline-block}.fuel-sw.pump{background:var(--color-text);height:3px}.fuel-sw.crude{background:var(--fuel-crude)}.fuel-sw.margin,.fuel-sw.product{background:var(--fuel-margin)}.fuel-sw.ieh{background:var(--fuel-ieh)}.fuel-sw.iva{background:var(--fuel-iva)}.fuel-today{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.fuel-today-kicker{font-size:var(--text-note);color:var(--color-text-muted);margin:0}.fuel-today-fig{font-family:var(--font-display);font-weight:800;font-size:var(--text-figure);margin:0;line-height:1}.fuel-today-fig span{font-size:var(--text-subtitle);margin-left:var(--space-1);color:var(--color-text-muted);font-weight:700}.fuel-bar{height:16px;margin:var(--space-2) 0;gap:4px;display:flex}.fuel-bar .seg{border-radius:999px;display:block}.fuel-bar .seg.product{background:var(--fuel-margin)}.fuel-bar .seg.ieh{background:var(--fuel-ieh)}.fuel-bar .seg.iva{background:var(--fuel-iva)}.fuel-parts{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.fuel-parts>div{align-items:baseline;gap:0 var(--space-3);grid-template-columns:1fr auto;display:grid}.fuel-parts dt{align-items:center;gap:var(--space-2);font-size:var(--text-body);display:inline-flex}.fuel-parts dd{font-family:var(--font-display);font-weight:700;font-size:var(--text-subtitle);margin:0}.fuel-today-few{margin:var(--space-2) 0 0;font-size:var(--text-note);color:var(--color-text)}.fuel-today-foot{margin:var(--space-1) 0 0;font-size:var(--text-note);color:var(--color-text-muted)}.fuel-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted)}.fuel-state-title{font-family:var(--font-display);font-weight:700;font-size:var(--text-subtitle);color:var(--color-text)}.fuel-retry{min-height:44px;font:600 var(--text-body) var(--font-body);padding:0 var(--space-4);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;border:0;border-radius:999px}.fuel-skel{background:var(--color-surface);border-radius:var(--radius)}@media (prefers-reduced-motion:no-preference){.fuel-skel{animation:1.4s ease-in-out infinite fuel-pulse}}@keyframes fuel-pulse{50%{opacity:.55}}.fuel-skel-line{height:24px}.fuel-skel-line.short{width:60%}.fuel-skel-chart{border-radius:var(--radius-module);height:max(240px,min(48vw,55vh))}@media (min-width:900px){.fuel-skel-chart{height:max(240px,min(36vw,55vh))}}.fuel-skel-ruler{height:clamp(56px,2.8vw,80px)}.fuel-skel-today{border-radius:var(--radius-panel);height:320px}.fuel-board{gap:var(--space-3);flex-direction:column;display:flex}.fuel-plates{gap:var(--space-2);flex-direction:column;display:flex}.fuel-plate{align-items:center;column-gap:var(--space-3);min-height:84px;padding:var(--space-3) var(--space-4);text-align:left;border:1.5px solid var(--plate-edge);border-radius:var(--radius-module);background:var(--plate);color:var(--color-text);font:inherit;cursor:pointer;grid-template-columns:1fr auto;grid-template-areas:"name fig""name chip";row-gap:2px;display:grid}.fuel-plate[aria-checked=true]{background:var(--color-secondary);color:var(--color-on-secondary);border-color:var(--color-on-secondary)}.fuel-plate:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.fuel-plate-name{font:800 var(--text-subtitle) var(--font-display);flex-direction:column;grid-area:name;gap:2px;display:flex}.fuel-plate-name small{font:400 var(--text-note) var(--font-body);color:var(--color-text-muted)}.fuel-plate[aria-checked=true] .fuel-plate-name small{color:var(--color-on-secondary)}.fuel-plate-fig{grid-area:fig;justify-self:end;align-items:baseline;gap:4px;display:inline-flex}.fuel-plate-fig b{font:800 40px/1 var(--font-display)}.fuel-plate-fig span{font-size:var(--text-note);color:var(--color-text-muted)}.fuel-plate[aria-checked=true] .fuel-plate-fig span{color:var(--color-on-secondary)}.fuel-plate .fuel-chip{grid-area:chip;justify-self:end}.fuel-chip{min-height:24px;font:600 var(--text-note) var(--font-body);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.fuel-chip i{font-size:9px;font-style:normal}.fuel-chip.down{background:var(--saving-bg);color:var(--saving-text)}.fuel-chip.up{background:var(--dear-bg);color:var(--dear-text)}.fuel-chip.flat{background:var(--color-surface);color:var(--color-text-muted)}.fuel-extra{gap:var(--space-2);grid-template-columns:1fr 1fr;margin:0;display:grid}.fuel-extra>div{border-radius:var(--radius);background:var(--color-surface);padding:10px 12px}.fuel-extra dt{font-size:var(--text-note);color:var(--color-text-muted)}.fuel-extra dd{font-size:var(--text-note);color:var(--color-text-muted);flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:2px 0 0;display:flex}.fuel-extra dd b{font:800 var(--text-subtitle) var(--font-display);color:var(--color-text)}.fuel-extra dd small{font-size:var(--text-note);flex-basis:100%}.fuel-stamp{font-size:var(--text-note);color:var(--color-text-muted);margin:0}