:root{color:#202124;background:#fff;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--text: #202124;--primary: #3f3f46;--primary-dark: #202124;--primary-light: #f4f4f5;--primary-border: rgb(63 63 70 / 22%);--border: #dedede;--border-strong: #c6c6c6;--surface: #ffffff;--surface-muted: #f7f7f7;--muted: #6a6a6a;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-heavy: 800;--radius: 8px;--radius-sm: 5px;--control-height: 40px;--shadow-pop: 0 18px 44px rgb(32 33 36 / 16%);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--header-height: calc(64px + var(--safe-area-top))}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--surface)}body{margin:0;min-width:320px;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}h1,h2{margin:0;letter-spacing:0}h1{font-size:1.35rem}h2{font-size:1.12rem}.eyebrow{margin:0;color:var(--muted);font-size:.74rem;font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase}.muted-line{margin:0;color:var(--muted);font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-rows:var(--header-height) minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden;background:#e5e5e5}.app-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:var(--safe-area-top) 18px 0;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 1px #2021240a;z-index:50}.header-brand-row{display:contents}.app-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:11px;justify-self:start;min-width:0;max-width:100%;overflow:hidden}.brand-mark{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-text{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;overflow:hidden}.brand-text strong{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem;font-weight:var(--weight-bold)}.brand-text small{flex:0 0 auto;padding:2px 7px;border-radius:var(--radius-sm);color:var(--muted);background:var(--primary-light);font-size:.7rem;font-weight:var(--weight-bold);white-space:nowrap}.header-controls{grid-column:2;grid-row:1;display:flex;align-items:center;gap:8px;justify-self:center;min-width:0;max-width:100%}.header-brand-row .trends-anchor{grid-column:3;grid-row:1;justify-self:end}.control-anchor{position:relative;display:flex;min-width:0}.header-segment{display:flex;align-items:center;min-width:0;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.search-anchor{width:clamp(260px,44vw,560px);min-width:0}.search-field{display:flex;align-items:center;gap:10px;width:100%;height:var(--control-height);padding:0 13px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);background:var(--surface-muted);transition:border-color .12s ease,background .12s ease}.search-field:focus-within{border-color:var(--border-strong);background:var(--surface)}.search-field input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.chip-button{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid transparent;border-radius:4px;color:var(--muted);background:transparent;font-weight:var(--weight-bold);white-space:nowrap;transition:border-color .12s ease,background .12s ease}.chip-button span{font-size:.9rem}.chip-button:hover,.chip-button:focus-visible{outline:0;border-color:transparent;background:#ffffff94}.chip-button.active{border-color:var(--border);color:var(--text);background:var(--surface);box-shadow:0 1px 2px #2021241f}.chip-button.standalone{height:var(--control-height);border-color:var(--border);background:var(--surface)}.chip-button.standalone:hover,.chip-button.standalone:focus-visible{border-color:var(--border-strong);background:var(--surface-muted)}.chip-button.standalone.active{background:var(--surface-muted)}.filter-count{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;color:#fff;background:var(--text);font-size:.7rem;font-weight:var(--weight-heavy)}.text-button{min-height:34px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);background:transparent;font-weight:var(--weight-bold);white-space:nowrap}.text-button:hover,.text-button:focus-visible{outline:0;border-color:var(--border);background:var(--surface-muted)}.inline-reset-button{min-height:26px;padding:0 9px;border:1px solid var(--border);border-radius:4px;color:var(--text);background:var(--surface);font-size:.76rem;font-weight:var(--weight-bold)}.header-popover{position:absolute;z-index:60;top:calc(100% + 9px);right:0;width:max-content;min-width:240px;max-width:min(420px,calc(100vw - 28px));padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop);animation:popover-enter .13s cubic-bezier(.2,.9,.2,1)}.search-anchor .header-popover{left:0;right:auto;width:100%;min-width:0;max-width:100%}.search-results{display:grid;gap:4px;max-height:min(420px,calc(100vh - 120px));padding:8px;overflow:auto}.filter-popover{display:grid;gap:18px;width:min(380px,calc(100vw - 28px));max-height:min(78vh,640px);overflow:auto}.brand-popover{width:min(520px,calc(100vw - 28px))}@keyframes popover-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-popover-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.search-result{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;padding:6px 8px;border:0;border-radius:4px;color:inherit;background:transparent;text-align:left}.search-result:hover,.search-result:focus-visible{outline:0;background:var(--surface-muted)}.search-result span:last-child{display:grid;gap:2px;min-width:0}.search-result strong,.search-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result small{color:var(--muted);font-size:.78rem;font-weight:var(--weight-semibold)}.mini-locality-pin{display:grid;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text);background:var(--surface-muted);font-size:.72rem;font-weight:var(--weight-heavy)}.mini-locality-pin.state-accent-nsw{border-color:#1f5f9f;color:#fff;background:#1f5f9f}.mini-locality-pin.state-accent-vic{border-color:#123c7c;color:#fff;background:#123c7c}.mini-locality-pin.state-accent-qld{border-color:#8a1538;color:#fff;background:#8a1538}.mini-locality-pin.state-accent-wa{color:var(--text);border-color:#f2c94c;background:#f2c94c}.mini-locality-pin.state-accent-sa{border-color:#c43d32;color:#fff;background:#c43d32}.mini-locality-pin.state-accent-tas{border-color:#147a4d;color:#fff;background:#147a4d}.mini-locality-pin.state-accent-act{border-color:#0f6f8f;color:#fff;background:#0f6f8f}.mini-locality-pin.state-accent-nt{border-color:#d76b21;color:#fff;background:#d76b21}.mini-locality-pin.state-accent-default{color:var(--text);background:var(--primary-light)}.control-group{display:grid;gap:10px}.control-group-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.control-label{color:var(--muted);font-size:.8rem;font-weight:var(--weight-bold);letter-spacing:.02em;text-transform:uppercase}.control-value{display:inline-flex;gap:8px;align-items:center}.fuel-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fuel-option{display:grid;gap:1px;padding:9px 11px;border:1px solid var(--border);border-radius:4px;color:inherit;background:var(--surface);text-align:left;transition:border-color .12s ease,background .12s ease}.fuel-option:hover{border-color:var(--border-strong)}.fuel-option strong{font-size:.95rem;color:var(--text)}.fuel-option span{overflow:hidden;color:var(--muted);font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.fuel-option.active{border-color:var(--border-strong);background:var(--surface-muted)}.control-group input[type=range]{width:100%;accent-color:var(--text)}.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.76rem;font-weight:var(--weight-bold)}.brand-filter-search{display:flex;gap:8px;align-items:center;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:4px;color:var(--muted);background:var(--surface)}.brand-filter-search:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px var(--surface-muted)}.brand-filter-search input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent;font:inherit;font-size:.9rem;font-weight:var(--weight-semibold)}.brand-filter-search input::placeholder{color:var(--muted)}.brand-filter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;overflow:auto;padding:2px}.brand-filter-option{display:flex;gap:8px;align-items:center;min-width:0;min-height:36px;padding:0 9px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font-size:.84rem;font-weight:var(--weight-semibold)}.brand-filter-option span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-filter-option input{flex:0 0 auto;accent-color:var(--text)}.brand-filter-option.all-brands{grid-column:1 / -1;border-color:var(--primary-border);background:var(--surface-muted)}.brand-filter-empty{grid-column:1 / -1;margin:0;padding:12px;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-muted);font-size:.84rem;font-weight:var(--weight-bold);text-align:center}.brand-filter-logo{display:grid;place-items:center;flex:0 0 auto;width:28px;height:28px;overflow:hidden}.brand-filter-logo-sprite{display:block;width:64px;height:64px;background-repeat:no-repeat;transform-origin:top left;transform:scale(.4375)}.brand-filter-logo-sprite:not([style*=background-image]){width:16px;height:16px;border-radius:4px;background:var(--surface-muted);transform:none}.workspace{position:relative;min-height:0;overflow:hidden}.station-panel{position:absolute;top:12px;bottom:12px;left:var(--desktop-panel-left, 12px);width:clamp(320px,25vw,380px);display:flex;flex-direction:column;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 12px 34px #2021242b;z-index:45}.station-panel.is-desktop-dragging{-webkit-user-select:none;user-select:none}.station-sheet-handle{display:none}.panel-heading{display:grid;grid-template-columns:28px minmax(0,1fr) max-content;gap:12px;align-items:center;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.desktop-panel-drag-handle{display:grid;place-items:center;width:28px;height:30px;padding:0;margin-left:-7px;border:0;border-radius:6px;color:var(--muted);background:transparent;font:inherit;touch-action:none;cursor:ew-resize}.desktop-panel-drag-handle:hover,.desktop-panel-drag-handle:focus-visible{outline:0;color:var(--text);background:var(--surface-muted)}.panel-heading h2{margin:0;font-size:1.02rem;letter-spacing:0}.panel-count{justify-self:end;padding:4px 10px;border-radius:var(--radius-sm);color:var(--muted);background:var(--surface-muted);font-size:.8rem;font-weight:var(--weight-bold);white-space:nowrap}.station-list{display:grid;align-content:start;gap:0;padding:0;min-height:0;overflow:auto}.empty-list{margin:12px;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted);background:var(--surface-muted);font-weight:var(--weight-semibold);text-align:center}.station-card{display:grid;grid-template-columns:52px minmax(0,1fr) 72px;gap:12px;align-items:center;width:100%;padding:9px 12px;border:0;border-bottom:1px solid var(--border);border-radius:0;color:inherit;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.station-card:hover,.station-card:focus-visible{outline:0;background:var(--surface-muted);box-shadow:inset 3px 0 0 var(--border-strong);transform:none}.station-card.selected{background:var(--surface-muted);box-shadow:inset 3px 0 0 var(--text)}.station-logo{display:grid;place-items:start;width:52px;height:52px;overflow:hidden}.station-logo-sprite{display:block;width:64px;height:64px;background-repeat:no-repeat;transform-origin:top left;transform:scale(.8125)}.station-logo-sprite:not([style*=background-image]){width:24px;height:24px;border-radius:6px;background:var(--surface-muted);transform:none;place-self:center}.station-copy{display:grid;gap:3px;min-width:0}.station-copy-title{display:flex;gap:7px;align-items:center;min-width:0}.station-copy-title strong{overflow:hidden;font-size:.96rem;text-overflow:ellipsis;white-space:nowrap}.cheapest-pill{flex:none;padding:2px 7px;border-radius:4px;color:#fff;background:var(--cheap);font-size:.66rem;font-weight:var(--weight-heavy);letter-spacing:.03em;text-transform:uppercase}.station-copy-delta{overflow:hidden;color:var(--muted);font-size:.8rem;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.station-copy-delta.below{color:var(--cheap)}.station-copy-delta.above{color:var(--expensive)}.price-badge{display:grid;align-content:center;justify-items:center;gap:0;height:52px;border-radius:var(--radius-sm);color:#fff;box-shadow:inset 0 -2px #0000001f}.price-badge span{font-size:.66rem;font-weight:var(--weight-heavy);letter-spacing:.03em;opacity:1}.price-badge strong{font-size:1.22rem;font-weight:var(--weight-heavy);letter-spacing:0}.cheap{background:var(--cheap)}.average{background:var(--average)}.expensive{background:var(--expensive)}.map-stage{position:relative;width:100%;height:100%;min-width:0;min-height:0;background:#e5e5e5}.map-controls{position:absolute;z-index:2;top:14px;right:14px;display:grid;gap:8px}.map-control-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#fffffff5;box-shadow:0 8px 24px #20212424;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-control-button:hover{border-color:var(--border-strong)}.station-info-panel{position:fixed;left:0;top:0;z-index:40;width:min(340px,calc(100vw - 24px));padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 22px 50px #2021243d;visibility:hidden}.station-info-scroll{max-height:inherit;overflow:visible}.station-info-close{position:absolute;z-index:1;top:8px;right:8px;display:grid;place-items:center;width:30px;height:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:1px solid var(--border);border-radius:999px;color:var(--text);background:#ffffffeb;box-shadow:none;visibility:hidden;line-height:0}.station-info-close svg{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%)}.station-info-close:hover{border-color:var(--border-strong)}.station-info-panel[data-ready=true]{visibility:visible;animation:callout-enter .13s ease-out}@keyframes callout-enter{0%{opacity:0}to{opacity:1}}.station-info-arrow{position:absolute;width:14px;height:14px;background:#fff;border:1px solid var(--border);transform:translate(-50%) rotate(45deg)}.station-info-panel[data-placement=top] .station-info-arrow{bottom:-8px;border-top:0;border-left:0}.station-info-panel[data-placement=bottom] .station-info-arrow{top:-8px;border-bottom:0;border-right:0}.station-info{display:grid;gap:12px}.station-info-copy{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:11px;row-gap:3px;align-items:center;min-width:0}.station-info-copy>*{grid-column:2}.station-info-copy>.station-logo{grid-column:1;grid-row:1 / span 2;align-self:center}.station-logo.small{width:44px;height:44px;flex:none}.station-logo.small .station-logo-sprite{transform:scale(.6875)}.station-logo.small .station-logo-sprite:not([style*=background-image]){width:22px;height:22px;border-radius:6px;transform:none}.station-info-copy h2{font-size:1.18rem;line-height:1.22;overflow-wrap:anywhere}.station-info-copy .muted-line{margin-top:0;line-height:1.3;overflow-wrap:anywhere}.fuel-rows{display:grid;border-top:1px solid var(--border)}.fuel-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:10px;align-items:baseline;row-gap:7px;padding:11px 0 12px;border-bottom:1px solid var(--border)}.fuel-row-code{color:var(--muted);font-size:.82rem;font-weight:var(--weight-bold)}.fuel-row-price-group{display:inline-flex;gap:8px;align-items:baseline;min-width:0}.fuel-row-price{font-size:1.32rem;line-height:1;letter-spacing:0}.fuel-row-updated{overflow:hidden;color:var(--muted);font-size:.72rem;white-space:nowrap;text-overflow:ellipsis}.fuel-row-delta{font-size:.84rem;font-weight:var(--weight-semibold)}.fuel-row-delta.below{color:var(--cheap)}.fuel-row-delta.above{color:var(--expensive)}.fuel-row-delta.at{color:var(--muted)}.fuel-row-bar{grid-column:1 / -1;position:relative;height:5px;border-radius:999px;background:var(--border)}.fuel-row-bar-tick{position:absolute;top:-2px;bottom:-2px;left:50%;width:2px;background:var(--muted);opacity:.55}.fuel-row-bar-fill{position:absolute;top:0;bottom:0;border-radius:999px}.fuel-row-bar-fill.below{right:50%;background:var(--cheap)}.fuel-row-bar-fill.above{left:50%;background:var(--expensive)}.bars-caption{margin:8px 0 0;color:var(--muted);font-size:.74rem;text-align:left}.station-source-caption{margin-top:2px}.station-info-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:4px 0}.primary-action,.secondary-action{display:inline-flex;justify-content:center;gap:7px;align-items:center;min-height:40px;padding:0 12px;border-radius:4px;font-weight:var(--weight-bold);text-decoration:none;white-space:nowrap}.primary-action{border:1px solid var(--text);color:#fff;background:var(--text)}.secondary-action{border:1px solid var(--border);color:var(--text);background:var(--surface)}.hours-status{font-weight:var(--weight-bold);white-space:nowrap}.hours-status.open{color:#15803d}.hours-status.closed{color:#b91c1c}.hours-detail{min-width:0;overflow:hidden;color:var(--muted);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis}.station-info-extras{display:grid;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.station-extras-row{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 12px;border:0;border-top:1px solid var(--border);color:inherit;background:transparent;font:inherit;font-size:.86rem;font-weight:var(--weight-semibold);text-align:left;text-decoration:none;cursor:pointer}.station-extras-row:first-child{border-top:0}.station-extras-row>svg{flex:none;color:var(--muted)}.station-extras-row>span{min-width:0;overflow-wrap:anywhere}.station-hours-toggle>span{flex:1}.hours-today{display:flex;gap:8px;align-items:baseline;min-width:0}.hours-today-label{color:var(--muted);font-size:.74rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em}.extras-chevron{transition:transform .15s ease}.extras-chevron.open{transform:rotate(180deg)}.station-hours-list{display:grid;gap:4px;margin:0;padding:4px 12px 10px;border-top:1px solid var(--border);list-style:none;font-size:.82rem}.station-hours-list li{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.station-hours-list li.today{color:inherit;font-weight:var(--weight-bold)}.station-info-meta{margin:0;color:var(--muted);font-size:.8rem}.station-info-status{padding:10px 4px;color:var(--text);font-weight:var(--weight-semibold);text-align:center}.station-info-status.error{color:#7f1d1d}.app-status{position:fixed;z-index:40;left:50%;bottom:18px;transform:translate(-50%);padding:10px 18px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:var(--surface);box-shadow:var(--shadow-pop);font-size:.88rem;font-weight:var(--weight-bold)}.location-modal-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#0c1420a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.location-prompt{display:grid;gap:12px;align-items:center;width:min(480px,100%);padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-pop)}.location-prompt h2{font-size:1.14rem}.location-prompt p{margin:3px 0 0;color:var(--muted);font-size:.86rem;line-height:1.35}.location-prompt-copy{display:grid;gap:4px}.location-prompt-search{display:grid;gap:8px}.location-search-results{display:grid;gap:4px;max-height:min(260px,36vh);padding:6px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.location-prompt-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.location-prompt-actions .text-button{border-color:transparent}.app-status.error{color:#7f1d1d;background:#fff7f6}.session-verification-open{overflow:hidden}.turnstile-session-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:var(--text);background:#0b1220c7;opacity:0;pointer-events:none;transition:opacity .16s ease}.turnstile-session-overlay.is-visible{opacity:1;pointer-events:auto}.turnstile-session-panel{display:grid;justify-items:center;gap:14px;width:min(380px,100%);padding:28px 24px 22px;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--radius);background:var(--surface);box-shadow:0 28px 70px #0000004d;text-align:center}.turnstile-session-logo{width:54px;height:54px;object-fit:contain}.turnstile-session-panel h1{margin:0;font-size:1.32rem;line-height:1.15}.turnstile-session-status{margin:0;color:var(--text-muted);font-size:.94rem;line-height:1.45}.turnstile-session-container{display:grid;place-items:center;width:min(300px,calc(100vw - 56px));min-height:70px}.turnstile-session-footnote{color:var(--text-subtle);font-size:.76rem;line-height:1.3}.map-canvas{position:relative;min-height:100%;height:100%;overflow:hidden;background:#e5e5e5}.maplibre-container{position:absolute;top:0;right:0;bottom:0;left:0}.map-error{position:absolute;z-index:3;left:16px;right:16px;bottom:16px;padding:12px 14px;border:1px solid rgb(196 61 50 / 36%);border-radius:8px;color:#7f1d1d;background:#fff7f6;box-shadow:0 10px 24px #20212424;font-size:.9rem;font-weight:var(--weight-semibold)}.map-status-stack{position:absolute;z-index:3;left:16px;bottom:16px;display:grid;gap:6px;max-width:min(520px,calc(100% - 32px))}.map-status{padding:8px 10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff;box-shadow:0 10px 24px #20212424;font-size:.82rem;font-weight:var(--weight-bold)}.map-status.session{color:var(--muted);background:#ffffffeb;font-weight:var(--weight-semibold)}.price-colour-legend{display:grid;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fffffff0;box-shadow:0 10px 24px #20212424}.price-colour-bar{display:grid;grid-template-columns:1fr 2fr 1fr;height:10px;overflow:hidden;border-radius:4px}.price-colour-segment{display:block}.price-colour-segment.cheap{background:var(--cheap)}.price-colour-segment.average{background:var(--average)}.price-colour-segment.expensive{background:var(--expensive)}.price-colour-labels{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px;color:var(--muted);font-size:.76rem;font-weight:var(--weight-bold);white-space:nowrap}.price-colour-labels span:nth-child(2){text-align:center}.price-colour-labels span:nth-child(3){text-align:right}.maplibregl-ctrl-group{border-radius:8px;box-shadow:0 8px 24px #20212424}@media (max-width: 1180px){.app-header{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;gap:9px;padding:calc(10px + var(--safe-area-top)) 14px 10px}.app-brand{justify-self:start}.header-brand-row{display:flex;grid-row:1;justify-content:space-between;gap:12px;align-items:center;min-width:0}.header-brand-row .trends-anchor{flex:0 0 auto}.header-controls{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;justify-self:stretch;align-items:center;min-width:0;width:100%}.search-anchor{width:100%}.app-shell{grid-template-rows:auto minmax(0,1fr)}}@media (max-width: 820px){:root{--mobile-popover-top: calc(110px + var(--safe-area-top))}.header-popover,.search-results,.filter-popover,.brand-filter-list,.station-list,.location-search-results,.station-info-scroll{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.workspace{position:relative;display:block}.station-panel{position:absolute;top:auto;right:0;bottom:0;left:0;height:min(calc(var(--mobile-sheet-height, 111px) + var(--safe-area-bottom)),calc(100% - 48px));width:auto;max-height:none;border-radius:14px 14px 0 0;border-top:1px solid var(--border);border-right:0;border-bottom:0;border-left:0;padding-bottom:var(--safe-area-bottom);box-shadow:0 -10px 28px #20212429;transition:height .18s ease-out}.desktop-panel-drag-handle{display:none}.panel-heading{grid-template-columns:minmax(0,1fr) max-content}.station-panel.is-dragging{transition:none}.station-sheet-handle{display:grid;place-items:center;position:relative;flex:0 0 22px;width:100%;height:22px;padding:0;border:0;border-radius:14px 14px 0 0;background:var(--surface);touch-action:none;cursor:ns-resize}.station-sheet-handle:before{content:"";position:absolute;top:-8px;left:50%;width:72px;height:48px;transform:translate(-50%)}.station-sheet-handle span{position:relative;width:42px;height:5px;border-radius:999px;background:var(--border-strong)}.map-stage{width:100%;height:100%;min-height:0}.header-popover{position:fixed;top:var(--mobile-popover-top);right:10px;left:10px;width:auto;min-width:0;max-width:none;max-height:calc(100dvh - var(--mobile-popover-top) - 12px);transform:none;overflow:auto}.search-anchor .header-popover{right:10px;left:10px;width:auto;min-width:0}.brand-popover,.trend-popover,.filter-popover{width:auto}}@media (max-width: 540px){:root{--control-height: 38px;--mobile-popover-top: calc(102px + var(--safe-area-top))}.app-header{grid-template-rows:34px 38px;gap:6px;padding:calc(6px + var(--safe-area-top)) 8px 7px}.app-brand{justify-self:start}.brand-mark{width:30px;height:30px}.brand-mark svg{width:18px;height:18px}.brand-text{gap:6px}.brand-text strong{font-size:.94rem}.brand-text small{display:none}.header-controls{grid-template-columns:minmax(0,1fr) auto;gap:6px}.search-anchor{grid-column:auto}.search-field{gap:7px;padding:0 10px;border-radius:var(--radius-sm)}.header-segment{gap:6px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.header-segment .control-anchor{flex:0 0 auto}.header-segment .price-control,.header-segment .brand-control{display:none}.chip-button{flex:0 0 auto;height:var(--control-height);padding:0 11px;border-color:var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:.86rem}.chip-button span{font-size:.8rem}.trends-anchor{justify-self:end}.trends-anchor .chip-button{height:32px}.fuel-option-grid,.brand-filter-list{grid-template-columns:1fr}.station-card{grid-template-columns:38px minmax(0,1fr) 62px;gap:8px;padding:6px 10px}.station-logo{width:38px;height:38px}.station-logo-sprite{transform:scale(.59375)}.station-copy-title{gap:5px}.station-copy-title strong{font-size:.86rem}.cheapest-pill{display:none}.station-copy-delta{font-size:.72rem}.price-badge{height:40px}.price-badge strong{font-size:.98rem}.price-badge span{font-size:.54rem}.panel-heading{grid-template-columns:minmax(0,1fr) max-content;flex:0 0 35px;padding:5px 10px 7px}.panel-heading h2{font-size:.9rem}.panel-count{padding:3px 7px;font-size:.7rem}.station-info-panel{width:min(294px,calc(100vw - 56px));max-height:min(49dvh,360px);padding:9px;border-radius:var(--radius-sm)}.station-info-scroll{max-height:calc(min(49dvh,360px) - 18px);padding-right:3px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.station-info-panel[data-scroll-more=true] .station-info-scroll{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%);mask-image:linear-gradient(to bottom,#000 calc(100% - 22px),transparent 100%)}.station-info{gap:6px}.station-info-copy{grid-template-columns:34px minmax(0,1fr);column-gap:8px;padding-right:34px}.station-info-copy>.station-logo{align-self:start}.station-logo.small{width:34px;height:34px}.station-logo.small .station-logo-sprite{transform:scale(.53125)}.station-info-copy h2{font-size:.98rem;line-height:1.18}.station-info-copy .muted-line{font-size:.74rem;line-height:1.22}.fuel-row{column-gap:7px;row-gap:4px;padding:6px 0 7px}.fuel-row-code{font-size:.74rem}.fuel-row-price{font-size:1.08rem}.fuel-row-updated,.fuel-row-delta,.bars-caption{font-size:.68rem}.fuel-rows+.bars-caption{margin-top:1px}.station-info-extras{gap:4px}.station-extras-row{min-height:32px;padding:7px 8px;font-size:.78rem}.station-info-actions{grid-template-columns:1fr 1fr;gap:8px}.primary-action,.secondary-action{min-height:34px;padding:0 9px;font-size:.8rem}.station-info-close{top:5px;right:5px;width:28px;height:28px;visibility:visible}.location-prompt-actions{display:grid;grid-template-columns:1fr}.location-prompt{padding:14px}}@media (max-width: 380px){:root{--mobile-popover-top: calc(98px + var(--safe-area-top))}.app-header{padding:calc(7px + var(--safe-area-top)) 8px 7px}.header-controls{gap:5px}.chip-button{padding:0 8px}.chip-button.standalone{padding:0 9px}.trends-label{display:none}.trends-anchor .chip-button{width:var(--control-height);justify-content:center;padding:0}.station-info-panel{width:min(278px,calc(100vw - 42px))}.station-card{grid-template-columns:34px minmax(0,1fr) 58px;padding:6px 8px}.station-logo{width:34px;height:34px}.station-logo-sprite{transform:scale(.53125)}}.trend-popover{width:min(460px,calc(100vw - 24px))}.trend-panel{display:grid;gap:10px}.trend-meta-inline{color:var(--muted);font-size:.75rem}.trend-controls{display:grid;grid-template-columns:1fr;gap:8px}.trend-segment{display:flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.trend-segment-option{flex:1 1 0;min-height:30px;padding:4px 9px;border:0;border-radius:4px;background:transparent;color:var(--muted);font-size:.74rem;font-weight:var(--weight-bold);cursor:pointer;white-space:nowrap}.trend-segment-option.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #2021241f}.trend-chart{display:block;width:100%;height:auto}.trend-gridline{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.trend-axis-label{fill:var(--muted);font-size:9px;font-weight:var(--weight-semibold)}.trend-band{fill:var(--text);opacity:.1}.trend-line{stroke:var(--text);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-dot{fill:var(--text)}.trend-chart-wrap{position:relative}.trend-chart{touch-action:none}.trend-crosshair{stroke:var(--text);stroke-width:1;stroke-dasharray:2 3;opacity:.55}.trend-band-dot{fill:var(--text);opacity:.45}.trend-hover-marker .trend-dot{stroke:var(--surface);stroke-width:1.5}.trend-tooltip{position:absolute;top:4px;display:grid;gap:1px;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 4px 14px #20212429;font-size:.72rem;line-height:1.25;white-space:nowrap;pointer-events:none;z-index:2}.trend-tooltip-date{color:var(--muted);font-weight:var(--weight-semibold)}.trend-tooltip-price strong{font-size:.92rem}.trend-tooltip-band,.trend-tooltip-meta{color:var(--muted)}.trend-caption{margin:0;color:var(--muted);font-size:.72rem}.trend-empty{padding:26px 0;color:var(--muted);font-size:.85rem;text-align:center}