@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f4f1;--surface:#fff;--surface-2:#e8ece7;--text:#101713;--muted:#56615b;--border:#dce1db;--accent:#0b5d4b;--accent-bg:#dcefe7;--on-accent:#fff;--highlight:#f5b301;--on-highlight:#1e1600;--danger:#b42330;--on-danger:#fff;--warning-text:#7a4a00;--warning-bg:#fdf0d2;--price-low:#06734a;--price-mid:#9a5b00;--price-high:#b42330;--user:#1f5fd6;--route:#1f5fd6;--route-alt:#8f9aa3;--origin:var(--accent);--destination:var(--price-high);--shadow:0 8px 24px #1017131f;--font-ui:"Inter Variable", system-ui, "Segoe UI", Roboto, sans-serif;--font-num:"Space Grotesk Variable", "Inter Variable", system-ui, sans-serif;--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-xl:24px;--nav-h:72px;--header-h:64px;font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b100e;--surface:#141b18;--surface-2:#1d2622;--text:#edf2ee;--muted:#9da9a2;--border:#29332e;--accent:#43d6a2;--accent-bg:#16352b;--on-accent:#04231a;--highlight:#ffc940;--on-highlight:#1e1600;--danger:#ff8a8a;--on-danger:#2a0508;--warning-text:#ffd27a;--warning-bg:#3a2c0e;--price-low:#52de9e;--price-mid:#f4b04e;--price-high:#ff8a8a;--user:#6fa0ff;--route:#6fa0ff;--route-alt:#5d6a72;--shadow:0 8px 24px #00000073}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3,p{margin:0}@media (width<=767px){:root .wide-only{display:none}}@media (width>=768px){:root .narrow-only{display:none}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;min-height:100dvh;display:flex}.app-header{padding:calc(14px + env(safe-area-inset-top)) 16px 0;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand fuel""status status";align-items:center;gap:10px 12px;display:grid}.brand{grid-area:brand;align-items:center;gap:8px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:34px;height:34px;color:var(--on-accent);justify-content:center;align-items:center;display:inline-flex}.brand h1{font-family:var(--font-num);letter-spacing:-.02em;text-transform:lowercase;font-size:1.3rem;font-weight:700}.header-tools{display:contents}.header-tools>.select-chip{grid-area:fuel;justify-self:end;min-width:0;max-width:100%}.prices-status{min-width:0;color:var(--muted);grid-area:status;align-items:center;gap:4px;font-size:.8rem;display:flex}.prices-status-text{flex-direction:column;min-width:0;display:flex}.prices-status strong{color:var(--text);font-weight:600}.prices-status .icon-button{min-width:36px;min-height:36px;margin-block:-6px}.spin{animation:1s linear infinite spin}@keyframes spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.app-nav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid;position:fixed;inset:auto 0 0}.app-nav a{border-radius:var(--radius);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.78rem;font-weight:600;text-decoration:none;display:flex}.app-nav a[aria-current=page]{background:var(--accent-bg);color:var(--accent);font-weight:700}.app-main{width:100%;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));flex:1}@media (width>=768px){.app-header{z-index:20;height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav tools";padding:0 24px;position:sticky;top:0}.header-tools{grid-area:tools;align-items:center;gap:12px;display:flex}.prices-status-text{text-align:right;align-items:flex-end}.app-nav{border-radius:var(--radius);background:var(--surface-2);border:0;grid-area:nav;justify-self:center;gap:4px;height:auto;padding:4px;display:flex;position:static}.app-nav a{border-radius:var(--radius-sm);flex-direction:row;gap:8px;min-height:40px;padding:0 16px;font-size:.9rem}.app-nav a[aria-current=page]{background:var(--surface);color:var(--text)}.app-main{padding-bottom:0}}.offline-banner{background:var(--warning-bg);color:var(--text);text-align:center;justify-content:center;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:.85rem;display:flex}.offline-banner svg{color:var(--warning-text);flex:none}.dialog-backdrop{z-index:2000;background:#00000073;justify-content:center;align-items:flex-end;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}.dialog{width:100%;padding:10px 20px calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);color:var(--text);box-shadow:var(--shadow);text-align:center;flex-direction:column;gap:10px;animation:.2s ease-out sheet-up;display:flex}.dialog-grip{background:var(--border);border-radius:3px;align-self:center;width:40px;height:5px;margin-bottom:6px}.dialog-icon{background:var(--accent-bg);width:48px;height:48px;color:var(--accent);border-radius:50%;justify-content:center;align-self:center;align-items:center;display:inline-flex}.dialog-title{font-family:var(--font-num);font-size:1.3rem;font-weight:700}.dialog-body{color:var(--muted);flex-direction:column;gap:4px;font-size:.95rem;display:flex}.dialog-actions{flex-direction:column-reverse;gap:8px;margin-top:8px;display:flex}@media (width>=768px){.dialog-backdrop{align-items:center}.dialog{border-radius:var(--radius-xl);width:min(420px,100% - 32px);padding:24px;animation:.15s ease-out pop-in}.dialog-grip{display:none}.dialog-actions{flex-direction:row;justify-content:flex-end}.dialog-actions>*{flex:1}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{translate:0 100%}}@keyframes pop-in{0%{opacity:0;scale:.96}}@media (prefers-reduced-motion:reduce){.dialog-backdrop,.dialog{animation:none}}.toast{left:50%;bottom:calc(var(--nav-h) + 12px + env(safe-area-inset-bottom));z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:max-content;max-width:calc(100% - 32px);color:var(--text);box-shadow:var(--shadow);align-items:center;gap:8px 12px;padding:8px 8px 8px 16px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.toast .primary{min-height:36px;padding:0 14px}@media (width>=768px){.toast{bottom:24px}}.split{width:100%;max-width:720px;margin:0 auto}.split-panel{flex-direction:column;gap:14px;min-width:0;padding:10px 16px 16px;display:flex}@media (width>=768px){.split-panel{padding:24px 20px}.split-with-pane{grid-template-columns:minmax(340px,440px) minmax(0,1fr);max-width:none;margin:0;display:grid}.split-with-pane>.split-panel{border-right:1px solid var(--border)}.split-pane{top:var(--header-h);height:calc(100dvh - var(--header-h));position:sticky}.split-pane .map-frame{border:0;border-radius:0;height:100%}}.page-title{font-family:var(--font-num);letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.section-header h3{font-size:1rem}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:18px}.card h3{font-size:1.1rem}.hint{color:var(--muted);font-size:.85rem}.error{color:var(--danger)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.badge{background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-highlight,.badge-stop{background:var(--highlight);color:var(--on-highlight)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-saving{border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem}.primary,.secondary,.highlight,.on-accent{border-radius:var(--radius);min-height:48px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:var(--on-accent)}.danger{border-radius:var(--radius);background:var(--danger);min-height:48px;color:var(--on-danger);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:.95rem;font-weight:700;display:inline-flex}.secondary{border-color:var(--border);background:var(--surface);color:var(--text);font-weight:600}.secondary:hover:not(:disabled){border-color:var(--accent)}.highlight{background:var(--highlight);color:var(--on-highlight)}.on-accent{border-color:color-mix(in srgb, var(--on-accent) 40%, transparent);color:var(--on-accent);background:0 0;font-weight:600}.primary:disabled,.secondary:disabled{opacity:.45;cursor:default}.primary>svg,.secondary>svg,.highlight>svg,.on-accent>svg,.chip>svg,.segmented button>svg{flex:none}.button-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.button-pair>*{text-align:center;min-width:0;padding:6px 10px;line-height:1.2}.icon-button{border-radius:var(--radius);min-width:44px;min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.outlined{border:1px solid var(--border);background:var(--surface);color:var(--accent)}.link-button,.inline-link,.inline-links a{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.inline-links{flex-wrap:wrap;gap:0 18px;margin-bottom:-6px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true],.chip[aria-expanded=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.chip-chevron{color:var(--muted);transition:rotate .15s}.chip[aria-expanded=true] .chip-chevron{color:inherit;rotate:180deg}.select-trigger{min-width:0;max-width:100%;font:inherit;cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;font-weight:600;display:inline-flex}.select-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select-chip{border-color:var(--border);background:var(--surface);min-height:36px;color:var(--text);border-radius:999px;padding:0 10px 0 12px;font-size:.85rem}.select-chip:hover,.select-chip[data-state=open]{border-color:var(--accent)}.select-chip[data-state=open]{background:var(--accent-bg);color:var(--accent)}.select-inline{border-radius:var(--radius-sm);min-height:40px;color:var(--muted);background:0 0;padding:0 8px 0 10px;font-size:.95rem}.select-inline:hover,.select-inline[data-state=open]{border-color:var(--border)}.select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.select-trigger:disabled{opacity:.45;cursor:default}.select-chevron{color:var(--muted);flex:none;transition:rotate .15s;display:inline-flex}[data-state=open]>.select-chevron{rotate:180deg}.select-content{z-index:1000;min-width:max(var(--radix-select-trigger-width), 200px);max-height:min(var(--radix-select-content-available-height), 420px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow);overflow:hidden}.select-viewport{padding:6px}.select-item{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;justify-content:space-between;align-items:center;gap:12px;min-height:40px;padding:0 10px 0 12px;font-size:.9rem;display:flex}.select-item[data-highlighted]{background:var(--accent-bg);color:var(--accent)}.select-item[data-state=checked]{font-weight:700}.select-check{color:var(--accent);display:inline-flex}.segmented{border-radius:var(--radius);background:var(--surface-2);gap:2px;padding:3px;display:inline-flex}.segmented button{border-radius:var(--radius-sm);min-height:38px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 2px #0000001f}.segmented-fill{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.price{font-family:var(--font-num);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.price-md .price-value{font-size:1.15rem}.price-lg .price-value{font-size:1.5rem}.price-xl .price-value{letter-spacing:-.03em;font-size:2.6rem;line-height:1}.price-unit{font-size:.75rem;font-weight:600}.price-xl .price-unit{font-size:.95rem}.price-low{color:var(--price-low)}.price-mid{color:var(--price-mid)}.price-high{color:var(--price-high)}.stat-grid{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;display:grid}.stat{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.stat-label{color:var(--muted);font-size:.75rem}.stat-value{font-family:var(--font-num);overflow-wrap:anywhere;font-size:1.15rem;font-weight:700}.rank{border-radius:var(--radius-sm);background:var(--surface-2);width:30px;height:30px;color:var(--muted);font-family:var(--font-num);flex:none;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;display:inline-flex}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field>label,.field-label{color:var(--text);font-size:.9rem;font-weight:600}input[type=range]{width:100%;min-height:32px;accent-color:var(--accent);margin:-6px 0}input[type=range]:focus{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-bg)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-bg)}.maps-links{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.maps-links>a{white-space:nowrap;min-width:0;padding:0 12px}.maps-links>.maps-main{grid-column:1/-1}.hero{border-radius:var(--radius-xl);background:var(--accent);color:var(--on-accent);flex-direction:column;gap:14px;padding:20px;display:flex}.hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.hero .eyebrow,.hero-route{opacity:.88}.hero-route{font-size:.85rem;font-weight:600}.hero-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 12px;display:flex}.hero-name{flex-direction:column;gap:2px;min-width:0;display:flex}.hero-name strong{font-size:1.25rem}.hero-name span{opacity:.88;font-size:.85rem}.hero-note{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--on-accent) 12%, var(--accent));align-items:center;gap:8px;padding:10px 12px;font-size:.85rem;display:flex}.hero-note svg{flex:none}.location-bar{align-items:center;gap:10px;display:flex}.location-prompt{flex-direction:column;gap:10px;display:flex}.location-prompt p{margin:0}.location-prompt .primary{width:100%}.location-bar .place-field{min-width:0}.location-pin{color:var(--accent);flex:none}.location-info{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.location-info strong{font-size:.95rem;font-weight:600}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.results-header>div{min-width:0}.results-header>.segmented{flex:none}.results-count{font-size:1rem}.area-note{flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.station-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.station-list li+li{border-top:1px solid var(--border)}.station-row{width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;display:flex}.station-row:hover{background:color-mix(in srgb, var(--accent-bg) 50%, var(--surface))}.station-row[aria-pressed=true]{background:var(--accent-bg)}.station-row-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.station-row-info .hint{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-chevron{color:var(--muted);flex:none}.station-card{flex-direction:column;gap:12px;display:flex}.station-card-head{align-items:flex-start;gap:10px;display:flex}.station-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.station-card-title{flex-wrap:wrap;align-items:center;gap:6px;font-size:1.05rem;display:flex}.station-card-price{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.station-card-close{min-width:36px;min-height:36px;margin:-6px -8px 0 -4px}.map-frame{border:1px solid var(--border);border-radius:var(--radius-lg);z-index:0;height:max(320px,58dvh);position:relative;overflow:hidden}.map{position:absolute;inset:0}@media (width<=767px){.nearby-map .map-frame{height:max(260px, var(--map-height,58dvh))}.route .map-frame{height:clamp(260px,45dvh,400px)}.results-header{flex-wrap:nowrap}.chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 2px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips>*{flex:none}}.map-loading{padding:16px}.map-pill{z-index:650;background:var(--text);min-height:40px;color:var(--bg);font:inherit;white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.map-legend{z-index:640;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;gap:10px;margin:0;padding:6px 12px;font-size:.75rem;font-weight:600;list-style:none;display:flex;position:absolute;top:14px;left:14px}.map-legend li{align-items:center;gap:5px;display:flex}@media (width<=767px){.map-legend{top:auto;bottom:14px}}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-low{background:var(--price-low)}.legend-mid{background:var(--price-mid)}.legend-high{background:var(--price-high)}.map-overlay{z-index:1000;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:16px;position:absolute;inset:auto 12px 12px}@media (width>=768px){.map-overlay{width:340px;max-width:calc(100% - 24px);left:auto}}.marker-station{stroke:var(--surface);cursor:pointer}.marker-low{fill:var(--price-low)}.marker-mid{fill:var(--price-mid)}.marker-high{fill:var(--price-high)}.marker-selected{stroke:var(--text);stroke-width:3px}.marker-user{fill:var(--user);stroke:var(--surface)}.route-line{stroke:var(--route-alt);stroke-opacity:.9;cursor:pointer}.route-line-selected{stroke:var(--route);stroke-opacity:1}.marker-origin{fill:var(--origin);stroke:var(--surface)}.marker-destination{fill:var(--destination);stroke:var(--surface)}.marker-stop-anchor{background:0 0;border:0}.marker-stop{border:3px solid var(--surface);background:var(--highlight);width:28px;height:28px;color:var(--on-highlight);font-family:var(--font-num);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 1px 3px #0000004d}.route-label-anchor{background:0 0;border:0}.route-label{border:2px solid var(--route-alt);background:var(--surface);color:var(--text);white-space:nowrap;cursor:pointer;border-radius:999px;padding:3px 9px;font-size:.8rem;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000004d}.route-label-selected{border-color:var(--route);background:var(--route);color:var(--surface)}div.leaflet-container{background:var(--bg);font-family:inherit}div.leaflet-container .leaflet-bar{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:none;overflow:hidden}div.leaflet-container .leaflet-bar a,div.leaflet-container .leaflet-bar a:hover{border-bottom:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);font:500 1.35rem/1 var(--font-ui);border-radius:0;justify-content:center;align-items:center;display:flex}div.leaflet-container .leaflet-bar a:last-child{border-bottom:0}div.leaflet-container .leaflet-bar a:hover{background:var(--accent-bg);color:var(--accent)}div.leaflet-container .leaflet-bar a.leaflet-disabled{background:var(--surface);color:var(--muted);opacity:.45;cursor:default}div.leaflet-container .leaflet-bar a:focus{outline:none}div.leaflet-container .leaflet-bar a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.leaflet-container .leaflet-popup-content-wrapper,.leaflet-container .leaflet-popup-tip{background:var(--surface);color:var(--text)}.leaflet-container .leaflet-popup-content-wrapper{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.leaflet-container .leaflet-popup-content{margin:16px;font-size:.9rem;line-height:1.4;width:min(300px,70vw)!important}.leaflet-container .leaflet-popup-content a.primary{color:var(--on-accent)}.leaflet-container .leaflet-popup-content a.secondary{color:var(--text)}.leaflet-container .leaflet-popup a.leaflet-popup-close-button{width:28px;height:28px;color:var(--muted);border-radius:8px;font-size:0;top:8px;right:8px}.leaflet-container .leaflet-popup a.leaflet-popup-close-button:before,.leaflet-container .leaflet-popup a.leaflet-popup-close-button:after{content:"";background:currentColor;border-radius:1px;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.leaflet-container .leaflet-popup a.leaflet-popup-close-button:after{transform:translate(-50%,-50%)rotate(-45deg)}.leaflet-container .leaflet-popup a.leaflet-popup-close-button:hover{background:var(--accent-bg);color:var(--accent)}.leaflet-popup .station-card-head{padding-right:24px}div.leaflet-container .leaflet-control-attribution{background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--muted)}div.leaflet-container .leaflet-control-attribution.attribution-compact{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);max-width:calc(100vw - 48px);margin:0 8px 4px 0;padding:4px 10px;font-size:.7rem;line-height:1.3;display:none}div.leaflet-container .leaflet-control-attribution.attribution-open{display:block}div.leaflet-container .attribution-toggle{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}div.leaflet-container .attribution-toggle:hover,div.leaflet-container .attribution-toggle[aria-expanded=true],.leaflet-container .leaflet-control-attribution a{color:var(--accent)}.route-form{padding:6px 8px 6px 16px}.route-points{align-items:stretch;gap:12px;display:flex}.route-dots{flex-direction:column;align-items:center;padding:34px 0 30px;display:flex}.dot-origin{border:3px solid var(--origin);border-radius:50%;width:12px;height:12px}.dot-line{background-image:linear-gradient(var(--border) 50%, transparent 50%);background-size:2px 6px;flex:1;width:2px;margin:4px 0}.dot-destination{background:var(--destination);border-radius:3px;width:12px;height:12px}.route-fields{flex-direction:column;flex:1;min-width:0;display:flex}.route-fields>.place-field+.place-field{border-top:1px solid var(--border)}.swap-button{align-self:center}.place-field{flex-direction:column;gap:2px;padding:10px 0;display:flex;position:relative}.place-field>label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:700}.place-control{align-items:center;gap:4px;display:flex}.place-input{flex:1;min-width:0;display:flex;position:relative}.place-input input{min-width:0;min-height:36px;color:var(--text);font:inherit;background:0 0;border:0;border-radius:6px;flex:1;padding:0;font-size:1rem;font-weight:600}.place-input input::placeholder{color:var(--muted);font-weight:400}.place-input input,.place-input input:focus,.place-input input:focus-visible,.place-field:focus-within,.place-control:focus-within{box-shadow:none;appearance:none;outline:none}.place-field:focus-within>label{color:var(--accent)}.place-field:has(input:focus-visible) .place-input{box-shadow:0 2px 0 var(--accent)}.place-control .icon-button{min-width:36px;min-height:36px}.place-detail-overlay{white-space:nowrap;pointer-events:none;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex;position:absolute;inset:0;overflow:hidden}.place-name-spacer{visibility:hidden;flex:none}.place-detail{min-width:0;color:var(--muted);text-overflow:ellipsis;font-size:.8rem;font-weight:400;overflow:hidden}.place-options{top:100%;z-index:30;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:50dvh;box-shadow:var(--shadow);margin:0;padding:4px;list-style:none;position:absolute;inset-inline:-8px;overflow-y:auto}.place-options[hidden]{display:none}.place-options li{border-radius:var(--radius-sm);min-height:44px;color:var(--text);cursor:pointer;flex-direction:column;justify-content:center;gap:2px;padding:8px 12px;display:flex}.place-options li.my-location-option strong{color:var(--accent);align-items:center;gap:8px;display:inline-flex}.place-options li .hint{overflow-wrap:anywhere}.place-options li:hover,.place-options li[aria-selected=true]{background:var(--accent-bg)}.route-actions>*{flex:100%}.option-boxes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.option-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;min-height:54px;color:var(--text);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:6px 8px;line-height:1.2;display:flex}.option-box:hover{border-color:var(--accent)}.option-box[aria-expanded=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.option-box>*{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.option-box strong{font-family:var(--font-num);font-size:.95rem}.option-caption{color:var(--muted);font-size:.72rem;font-weight:600}.option-box[aria-expanded=true] .option-caption{color:inherit}.trip-options{flex-direction:column;gap:10px;display:flex}.option-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;gap:8px;padding:14px 16px;display:flex}.route-options{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.route-option{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);width:100%;color:var(--text);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.route-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.route-option[aria-pressed=true] .rank{background:var(--accent);color:var(--on-accent)}.route-option-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.route-option-time{font-family:var(--font-num);font-size:1.05rem}.route-option-head{flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.plan-card{flex-direction:column;gap:14px;display:flex}.refuel-plan{flex-direction:column;gap:16px;display:flex}.refuel-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.donate-card{flex-direction:column;gap:10px;display:flex}.donate-card p{margin:0;font-size:.9rem}.donate-nudge{margin:0;font-size:.85rem}.donate-nudge a{color:var(--accent);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.donate-nudge a:hover{text-decoration:underline}.refuel-summary p{color:var(--muted);font-size:.9rem}.timeline{margin:0;padding:0;list-style:none}.timeline-item{grid-template-columns:28px minmax(0,1fr);gap:14px;padding-bottom:18px;display:grid;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:6px;bottom:-6px;left:13px}.timeline-marker{z-index:1;justify-self:center;width:14px;height:14px;margin-top:3px;position:relative}.timeline-start .timeline-marker{border:3px solid var(--origin);background:var(--surface);border-radius:50%}.timeline-end .timeline-marker{background:var(--destination);border-radius:4px}.timeline-stop .timeline-marker{align-self:center}.timeline-number{background:var(--highlight);width:28px;height:28px;color:var(--on-highlight);font-family:var(--font-num);border-radius:50%;justify-content:center;align-items:center;margin-top:0;font-size:.9rem;font-weight:700;display:inline-flex}.timeline-body{flex-direction:column;gap:2px;min-width:0;display:flex}.stop-card{border-radius:var(--radius-lg);background:var(--surface-2);gap:10px;padding:14px}.stop-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stop-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.pump-row{border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:12px 14px;display:flex}.pump-row strong{font-family:var(--font-num);font-size:1.3rem}.trip-export{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.action-bar{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px);z-index:10;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);gap:10px;padding:10px;display:flex;position:sticky}.action-bar .icon-button{min-width:48px;min-height:48px}.action-main{flex:1}@media (width>=768px){.action-bar{bottom:16px}}.progress{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.progress li{background:color-mix(in srgb, var(--on-accent) 25%, var(--accent));border-radius:3px;height:6px}.progress li.done{background:var(--on-accent)}.progress li.current{background:var(--highlight)}.trip-target{flex-direction:column;gap:2px;display:flex}.trip-target span{opacity:.88;font-size:.9rem}.trip-target strong{font-family:var(--font-num);letter-spacing:-.02em;font-size:1.6rem;line-height:1.15}.next-leg{border-radius:var(--radius-lg);background:var(--surface-2);align-items:center;gap:12px;padding:14px 16px;display:flex}.next-leg div{flex-direction:column;gap:2px;display:flex}.next-leg-marker{background:var(--destination);border-radius:3px;flex:none;width:12px;height:12px}.trip-actions{flex-wrap:wrap;gap:10px;display:flex}.trip-actions .primary{flex:260px}.trip-actions .secondary{flex:auto}.profile{flex-direction:column;gap:16px;width:100%;max-width:1080px;margin:0 auto;padding:16px;display:flex}@media (width>=768px){.profile{padding:24px 20px}}.vehicle-summary{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.vehicle-head{flex:260px;align-items:center;gap:14px;display:flex}.vehicle-summary .stat-grid{flex:2 320px}.vehicle-icon{border-radius:var(--radius);background:var(--accent-bg);width:54px;height:54px;color:var(--accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.vehicle-name{flex-direction:column;flex:1;min-width:0;display:flex}.vehicle-name strong{font-size:1.15rem}.eco-badge{flex:none;width:52px;height:52px}.eco-none{background:var(--surface-2);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:800;display:inline-flex}.profile-groups{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));align-items:start;gap:20px;display:grid}.profile-column{flex-direction:column;gap:20px;display:flex}.setting-group{flex-direction:column;gap:8px;display:flex}.group-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 4px;font-size:.75rem;font-weight:700}.setting-list{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;min-height:58px;padding:8px 10px 8px 16px;display:flex}.setting-row+.setting-row{border-top:1px solid var(--border)}.setting-text{flex-direction:column;flex:140px;gap:1px;min-width:0;display:flex}.setting-text label{font-size:.95rem}.setting-control{justify-content:flex-end;max-width:100%;display:flex}.inline-input{border-radius:var(--radius-sm);max-width:220px;min-height:40px;color:var(--muted);font:inherit;text-align:right;background:0 0;border:1px solid #0000;padding:0 10px;font-size:.95rem;font-weight:600}.inline-input::placeholder{color:var(--muted);opacity:.8}.inline-input:hover{border-color:var(--border)}.inline-input:focus-visible,.stepper input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.stepper-field{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.stepper{border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:4px;padding:3px;display:inline-flex}@media (width<=767px){:is(.setting-row:has(.stepper-field),.setting-row:has(.inline-input)){flex-direction:column;align-items:stretch}:is(.setting-row:has(.stepper-field) .setting-text,.setting-row:has(.inline-input) .setting-text){flex:none}.stepper-field,.stepper{width:100%}.setting-row:has(.stepper-field) .setting-control{width:100%}.setting-row:has(.inline-input) .setting-control{width:100%}.inline-input{border-color:var(--border);background:var(--surface-2);width:100%;max-width:none;min-height:44px;color:var(--text);text-align:left}.stepper-value{flex:1;width:auto}.stepper>button{width:48px;height:44px}}.stepper>button{border-radius:var(--radius-sm);background:var(--surface);width:40px;height:40px;color:var(--text);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.stepper>button:disabled{opacity:.4;cursor:default}.stepper-value{justify-content:center;align-items:baseline;gap:4px;width:118px;padding:0 4px;display:inline-flex}.stepper input{width:3.2em;color:var(--text);font-family:var(--font-num);text-align:right;background:0 0;border:0;border-radius:4px;padding:0;font-size:1rem;font-weight:700}.stepper input[aria-invalid=true]{color:var(--danger)}.stepper .unit{color:var(--muted);white-space:nowrap;font-size:.8rem}.departure-panel{color:var(--text);flex-direction:column;gap:12px;display:flex}.departure-now{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.departure-now[aria-pressed=true]{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.departure-panel .rdp-root{--rdp-accent-color:var(--accent);--rdp-accent-background-color:var(--accent-bg);--rdp-today-color:var(--accent);--rdp-day-height:40px;--rdp-day-width:40px;--rdp-day_button-height:38px;--rdp-day_button-width:38px;--rdp-selected-border:2px solid var(--accent);--rdp-nav-height:40px;width:100%;font-size:.95rem}.departure-panel .rdp-selected .rdp-day_button{background:var(--accent);color:var(--on-accent);font-weight:700}.departure-panel .rdp-months,.departure-panel .rdp-month,.departure-panel .rdp-month_grid{width:100%;max-width:none}.departure-panel .rdp-day,.departure-panel .rdp-day_button{width:auto}.departure-panel .rdp-day_button{aspect-ratio:1;width:100%;max-width:44px;height:auto;margin:0 auto}.departure-panel .rdp-caption_label{text-transform:capitalize}.departure-panel .rdp-chevron{fill:var(--accent)}.departure-panel .rdp-weekday{color:var(--muted);text-transform:uppercase;font-size:.8rem}.departure-time{color:var(--muted);flex-direction:column;flex:100%;gap:6px;font-size:.85rem;display:flex}.time-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.time-hours{grid-template-columns:repeat(6,minmax(0,1fr))}.time-grid button{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border-radius:8px;font-size:.9rem}.time-grid button:disabled{opacity:.35;cursor:default}.time-grid button:hover:not(:disabled){border-color:var(--accent)}.time-grid button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700}.departure-done{align-self:flex-end;margin-top:6px}.splash{box-sizing:border-box;text-align:center;visibility:visible;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100dvh;padding:24px;animation:.3s ease-out .3s both splash-in;display:flex}.splash img{border-radius:16px}.splash h1{font-family:var(--font-num);letter-spacing:-.02em;text-transform:lowercase;margin:4px 0 0;font-size:2rem;font-weight:700}.splash-tagline{max-width:28ch;color:var(--accent);margin:0;font-size:1.1rem;font-weight:600}.splash-text{max-width:44ch;color:var(--muted);margin:0;font-size:.9rem}@keyframes splash-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.splash{animation:none}}.guide{flex-direction:column;gap:14px;max-width:760px;margin:0 auto;padding:10px 16px 24px;display:flex}.guide-lead{margin:0;font-size:1.05rem;line-height:1.55}.guide-section{flex-direction:column;gap:10px;line-height:1.55;display:flex}.guide-section h3{font-family:var(--font-num);margin:0;font-size:1.15rem;font-weight:700}.guide-section p{margin:0}.guide-section ul{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.guide-faq details{border-top:1px solid var(--border);padding-top:10px}.guide-faq summary{cursor:pointer;min-height:32px;font-weight:600}.guide-faq details p{color:var(--muted);margin-top:6px}.guide>p:last-child{margin:0}.guide>p:last-child .primary{box-sizing:border-box;width:100%;display:flex}@media (width>=768px){.guide{padding-top:32px}}.link-row{color:var(--text);align-items:center;gap:12px;padding:14px 18px;text-decoration:none;display:flex}.link-row>svg:first-child{color:var(--accent);flex:none}.link-row>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.link-row strong{font-weight:600}.link-row>svg:last-child{color:var(--muted);flex:none}.more,.contact{flex-direction:column;gap:16px;max-width:760px;margin:0 auto;padding:10px 16px 24px;display:flex}.contact-lead{margin:0;line-height:1.5}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{font-weight:600}.form-field textarea,.form-field input{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text);font:inherit;padding:12px 14px}.form-field textarea{resize:vertical;min-height:140px}.form-field textarea:focus-visible,.form-field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.form-field [aria-invalid=true]{border-color:var(--danger)}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent);margin:2px 0 0}.check>span{flex-direction:column;gap:2px;font-weight:600;display:flex}.check .hint{font-weight:400}.contact>.primary{width:100%}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.turnstile:empty{display:none}.contact .success{color:var(--accent);margin:0;font-weight:600}.contact .hint,.contact .error{margin:0}@media (width>=768px){.more,.contact{padding-top:32px}}.install-card,.install-action{flex-direction:column;gap:10px;display:flex}.install-card-head{justify-content:space-between;align-items:center;gap:8px;margin:-6px -8px -6px 0;display:flex}.install-card h3{font-family:var(--font-num);margin:0;font-size:1.05rem;font-weight:700}.install-card p{color:var(--muted);margin:0}.install-steps{border-radius:var(--radius);background:var(--surface-2);counter-reset:install-step;flex-direction:column;gap:8px;margin:0;padding:12px 14px;list-style:none;display:flex}.install-steps li{align-items:center;gap:10px;display:flex}.install-steps li:before{counter-increment:install-step;content:counter(install-step) ".";min-width:1.2em;color:var(--muted);font-weight:600}.install-steps svg{color:var(--accent);flex:none}.legal-owner{flex-direction:column;gap:6px;margin:0;display:flex}.legal-owner>div{flex-wrap:wrap;gap:2px 12px;display:flex}.legal-owner dt{min-width:7em;color:var(--muted)}.legal-owner dd{overflow-wrap:anywhere;margin:0;font-weight:600}.legal-owner a{color:var(--accent)}