:root{--bg:#f7f8fa;--surface:#fff;--surface2:#f0f1f5;--surface3:#e4e6ed;--border:#00000014;--border2:#00000024;--accent:#d4870a;--accent-dim:#d4870a1f;--accent-glow:#d4870a38;--cheap:#059669;--cheap-dim:#0596691f;--mid:#d97706;--mid-dim:#d977061f;--expensive:#dc2626;--expensive-dim:#dc26261f;--text:#111827;--text-2:#6b7280;--text-3:#a0aab8;--radius:18px;--radius-sm:12px;--radius-xs:8px;--glass:#ffffffe0;--glass-border:#00000017;--font-display:"Open Sans", sans-serif;--font-body:"Lato", sans-serif;--font-mono:"Open Sans", sans-serif;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:18px;--fs-xl:34px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;overflow:hidden}#root{height:100dvh}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app{width:100%;height:100dvh;position:relative;overflow:hidden}.map-container{z-index:0;position:absolute;inset:0}.leaflet-control-zoom{overflow:hidden;border-radius:var(--radius-sm)!important;border:none!important;margin:0!important;position:fixed!important;top:50%!important;right:12px!important;transform:translateY(-50%)!important;box-shadow:0 2px 12px #0000001f!important}.leaflet-control-zoom a{background:var(--surface)!important;color:var(--text)!important;border:none!important;width:36px!important;height:36px!important;font-size:18px!important;line-height:36px!important}.leaflet-control-zoom a:hover{background:var(--surface2)!important}.leaflet-control-attribution{color:var(--text-3)!important;background:#ffffffbf!important;padding:2px 6px!important;font-size:9px!important}.leaflet-control-attribution a{color:var(--text-2)!important}.map-marker{background:var(--mc,#64748b);color:#fff;font-family:var(--font-mono);font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;justify-content:center;align-items:center;padding:5px 9px;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;box-shadow:0 2px 8px #0003,0 0 0 2px #00000014}.map-marker--active{font-size:var(--fs-sm);transform:scale(1.2);box-shadow:0 4px 16px #00000040,0 0 0 2px #fff9;z-index:999!important}.overlay-top{z-index:100;padding:calc(var(--safe-top) + 12px) 12px 0;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.overlay-top>*{pointer-events:auto}.search-wrapper{z-index:10;width:100%;position:relative}.search-wrapper--open{z-index:20}.search-bar{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius);align-items:center;gap:8px;height:52px;padding:0 10px 0 14px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f}.search-bar.focused{border-color:var(--accent);box-shadow:0 4px 16px #0000001a, 0 0 0 1px var(--accent-dim)}.search-icon{width:18px;height:18px;color:var(--text-2);stroke-width:2.5px;flex-shrink:0}.search-input{font-size:var(--fs-md);color:var(--text);font-weight:500;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-3)}.search-location-display{font-size:var(--fs-md);color:var(--text);font-weight:600;font-family:var(--font-body);cursor:text;flex:1;padding:2px 0}.search-clear{color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex}.search-clear:hover{color:var(--text);background:var(--surface3)}.location-btn{width:36px;height:36px;color:var(--accent);background:var(--accent-dim);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex}.location-btn:hover{background:var(--accent-glow);transform:scale(1.05)}.location-btn:active{transform:scale(.95)}.search-dropdown{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);animation:.18s cubic-bezier(.34,1.56,.64,1) dropIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-section-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:10px 16px 4px;font-weight:700}.dropdown-divider{background:var(--border);height:1px;margin:4px 16px}.dropdown-item{align-items:center;display:flex}.dropdown-item-main{color:var(--text);text-align:left;flex:1;align-items:center;gap:10px;min-width:0;padding:12px 16px;transition:background .1s;display:flex}.dropdown-item-main:hover{background:var(--surface2)}.dropdown-item-main:active{background:var(--surface3)}.dropdown-name{font-weight:600;font-size:var(--fs-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dropdown-type-badge{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:var(--surface3);color:var(--text-2);border:1px solid var(--border);border-radius:5px;flex-shrink:0;padding:2px 7px;font-weight:700}.dropdown-type-badge.fav{background:var(--accent-dim);color:var(--accent);font-size:var(--fs-sm);border-color:#0000;padding:0 4px}.dropdown-type-badge.type-woonplaats{color:var(--cheap);background:#10b9811f;border-color:#10b98133}.dropdown-type-badge.type-gemeente{color:#818cf8;background:#6366f11f;border-color:#6366f133}.dropdown-type-badge.type-weg{color:var(--mid);background:#f59e0b1f;border-color:#f59e0b33}.dropdown-type-badge.type-adres{color:var(--accent);background:#e8a0201f;border-color:#e8a02033}.dropdown-star-btn{color:var(--text-3);flex-shrink:0;padding:12px 14px 12px 8px;transition:color .15s,transform .15s}.dropdown-star-btn:hover{color:var(--accent);transform:scale(1.2)}.dropdown-star-btn.active{color:var(--accent)}.search-loading{color:var(--text-2);font-size:var(--fs-md);align-items:center;gap:10px;padding:16px;display:flex}.search-spinner{border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.dropdown-empty{color:var(--text-2);font-size:var(--fs-md);text-align:center;padding:16px}.controls-row{align-items:center;gap:8px;display:flex}.fuel-select-wrap{flex:1;min-width:0;position:relative}.fuel-select{appearance:none;background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;color:var(--text);font-family:var(--font-display);font-size:var(--fs-sm);cursor:pointer;border-radius:20px;padding:8px 36px 8px 14px;font-weight:600;transition:border-color .15s,box-shadow .15s;box-shadow:0 2px 8px #00000014}.fuel-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.fuel-select-icon{pointer-events:none;color:var(--text-2);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.view-toggle{background:var(--glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;flex-shrink:0;gap:2px;padding:3px;display:flex;box-shadow:0 2px 8px #00000014}.view-toggle button{color:var(--text-2);font-family:var(--font-body);font-size:var(--fs-xs);white-space:nowrap;border-radius:16px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.view-toggle button:hover{color:var(--text)}.view-toggle button.active{background:var(--accent);color:#000;box-shadow:0 2px 8px var(--accent-glow)}.status-overlay{z-index:200;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);font-size:var(--fs-md);color:var(--text-2);pointer-events:auto;align-items:center;gap:12px;padding:16px 22px;font-weight:500;animation:.3s fadeUp;display:flex;box-shadow:0 4px 20px #0000001a}.status-card.error{color:var(--expensive);border-color:#dc26264d}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-spinner{border:2.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{background:var(--expensive-dim);border-radius:var(--radius-xs);color:var(--expensive);font-size:var(--fs-sm);border:1px solid #ef44444d;margin-left:8px;padding:6px 14px;font-weight:600;transition:background .15s}.retry-btn:hover{background:#ef444440}.cards-container{z-index:100;padding-bottom:calc(var(--safe-bottom) + 12px);position:absolute;bottom:0;left:0;right:0}.cards-container:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000 0%,#00000059 100%);height:220px;position:absolute;bottom:0;left:0;right:0}.cards-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:20px 16px 0;display:flex;overflow-x:scroll}.cards-track::-webkit-scrollbar{display:none}.station-card{scroll-snap-align:center;-webkit-backdrop-filter:blur(24px)saturate(180%);text-align:left;max-width:380px;color:var(--text);background:#ffffffeb;border:1px solid #00000014;border-radius:18px;flex:0 0 calc(100vw - 56px);padding:16px 18px 14px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .25s,box-shadow .25s;position:relative;overflow:visible;box-shadow:0 2px 12px #00000014}.station-card.active{transform:translateY(-3px);box-shadow:0 4px 20px #0000001a}.cheapest-badge-row{pointer-events:none;justify-content:flex-end;align-items:center;gap:6px;padding:0 16px;display:flex;position:absolute;top:-11px;left:0;right:0}.cheapest-badge{background:var(--cheap);color:#fff;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0596694d}.station-card.cheapest{border-color:#059669;box-shadow:0 2px 12px #00000014,0 0 #05966926}.card-top{align-items:flex-start;margin-bottom:8px;display:flex}.card-name-row{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.brand-logo{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:36px;padding:4px;display:flex;overflow:hidden;box-shadow:0 1px 4px #0000001a}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-logo svg{width:100%;height:100%;display:block}.brand-logo--fallback{padding:0}.card-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;line-height:1.3;overflow:hidden}.card-distance{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;flex-shrink:0;font-weight:500}.card-price-row{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:4px;display:flex}.card-price{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1}.card-price-meta{flex-direction:column;align-items:flex-end;gap:4px;padding-bottom:2px;display:flex}.price-tier{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:3px 8px;font-weight:700}.tier-cheap{background:var(--cheap-dim);color:var(--cheap)}.tier-mid{background:var(--mid-dim);color:var(--mid)}.tier-expensive{background:var(--expensive-dim);color:var(--expensive)}.card-address{font-size:var(--fs-sm);color:var(--text-2);border-top:1px solid #00000014;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.card-address-left{align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.card-address-nav{font-size:inherit;color:inherit;cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;-webkit-text-decoration:underline #0003;text-decoration:underline #0003;transition:color .15s}.card-address-nav:hover{color:var(--cheap)}.card-nav-icon{color:var(--text-3);flex-shrink:0}.nav-sheet-backdrop{z-index:1000;background:#0006;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.nav-sheet{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:12px 16px 32px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp}.nav-sheet-handle{background:#e5e7eb;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.nav-sheet-title{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.nav-sheet-name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);margin-bottom:16px;font-weight:700}.nav-sheet-options{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.nav-sheet-option{color:var(--text);background:#f9fafb;border-radius:12px;align-items:center;gap:14px;padding:14px 12px;text-decoration:none;transition:background .15s;display:flex}.nav-sheet-option:hover,.nav-sheet-option:active{background:#f0fdf4}.nav-sheet-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-sheet-label{font-family:var(--font-body);font-size:var(--fs-md);flex:1;font-weight:600}.nav-sheet-arrow{color:#d1d5db}.nav-sheet-cancel{width:100%;font-family:var(--font-body);font-size:var(--fs-md);color:var(--text);cursor:pointer;background:#f3f4f6;border-radius:12px;padding:14px;font-weight:600;transition:background .15s}.nav-sheet-cancel:hover{background:#e5e7eb}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-city{color:var(--text-3);white-space:nowrap}.card-fuel-label{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;font-weight:500}.card-badges{gap:4px;display:flex}.card-badge{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--text-2);background:#0000000f;border:1px solid #00000014;border-radius:5px;padding:2px 7px;font-weight:700}.card-other-prices{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:10px;animation:.2s fadeIn;display:flex}.other-price-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-xs);flex-direction:column;align-items:center;gap:2px;padding:5px 10px;display:flex}.other-price-label{font-size:var(--fs-xs);color:var(--text-2);letter-spacing:.04em;font-weight:600}.other-price-value{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text);font-weight:700}.cards-dots{justify-content:center;align-items:center;gap:5px;padding:8px 0 4px;display:flex}.cards-dot{background:var(--surface3);border-radius:50%;width:5px;height:5px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.cards-dot.active{background:var(--accent);border-radius:3px;width:16px}.cards-dot-more{font-size:var(--fs-xs);color:var(--text-3);margin-left:2px;font-weight:600}.list-overlay{z-index:90;padding-top:calc(var(--safe-top) + 116px);background:linear-gradient(to bottom, #f7f8fa00 0%, var(--bg) 80px);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.list-overlay>*{pointer-events:auto}.list-sort-bar{flex-shrink:0;align-items:center;gap:10px;padding:10px 16px 8px;display:flex}.list-sort-label{font-size:var(--fs-sm);color:var(--text-2);white-space:nowrap;font-weight:500}.list-sort-toggle{background:var(--surface2);border:1px solid var(--border);border-radius:20px;gap:2px;padding:3px;display:flex}.list-sort-toggle button{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--text-2);border-radius:16px;padding:4px 14px;font-weight:600;transition:all .2s}.list-sort-toggle button.active{background:var(--accent);color:#000}.list-count{font-size:var(--fs-xs);color:var(--text-3);margin-left:auto;font-weight:500}.list-scroll{-webkit-overflow-scrolling:touch;padding:0 12px calc(var(--safe-bottom) + 20px);flex:1;overflow-y:auto}.list-row{width:100%;color:var(--text);text-align:left;background:#ffffffeb;border:1px solid #00000014;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:border-color .15s;display:flex}.list-row:hover,.list-row:active{border-color:#00000026}.list-row.cheapest{border-color:#059669}.list-rank{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-3);text-align:center;flex-shrink:0;width:20px;font-weight:400}.list-info{flex:1;min-width:0}.list-name{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-weight:700;overflow:hidden}.list-address{font-size:var(--fs-xs);color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-city{color:var(--text-3)}.list-meta{align-items:center;gap:6px;display:flex}.list-fuel{font-size:var(--fs-xs);color:var(--text-3)}.list-badge{font-family:var(--font-display);font-size:var(--fs-xs);background:var(--surface3);color:var(--text-2);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-weight:700}.list-right{text-align:right;flex-shrink:0}.list-price{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--text);font-weight:700;line-height:1.2}.list-distance{font-size:var(--fs-xs);color:var(--text-2);margin-top:2px}.list-empty{text-align:center;color:var(--text-2);font-size:var(--fs-md);padding:40px 20px}.price-tip-banner{color:#fff;font-size:var(--fs-sm);text-align:left;background:#111827;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-weight:500;animation:.3s fadeUp;display:flex;box-shadow:0 2px 12px #00000026}.price-tip-banner.tip-rising svg:first-child,.price-tip-banner.tip-falling svg:first-child,.price-tip-banner.tip-stable svg:first-child{color:#fff}.price-tip-banner svg:first-child{flex-shrink:0}.tip-text{flex:1;line-height:1.4}.tip-chevron{color:var(--text-3);flex-shrink:0}.trends-overlay{z-index:90;padding-top:calc(var(--safe-top) + 116px);background:linear-gradient(to bottom, #f7f8fa00 0%, var(--bg) 80px);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.trends-overlay>*{pointer-events:auto}.trends-scroll{-webkit-overflow-scrolling:touch;padding:12px 16px calc(var(--safe-bottom) + 24px);box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;display:flex;overflow-y:auto}@media (width>=600px){.trends-scroll{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px}}@media (width>=900px){.trends-scroll{max-width:1000px;padding-left:40px;padding-right:40px}.trends-sections-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.trends-stats{grid-template-columns:repeat(3,1fr)}.weekday-bars{height:180px}}.trends-loading{color:var(--text-2);font-size:var(--fs-md);pointer-events:auto;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.trends-empty{text-align:center;color:var(--text-2);font-size:var(--fs-md);pointer-events:auto;padding:60px 20px}.trends-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.trends-title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--text);font-weight:700}.trends-source{font-size:var(--fs-xs);color:var(--text-3);font-weight:500}.trends-current-price{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;padding:20px}.trends-current-label{font-size:var(--fs-xs);color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:500}.trends-current-value{font-family:var(--font-mono);font-size:var(--fs-xl);color:var(--text);margin-bottom:6px;font-weight:700;line-height:1}.trends-current-date{font-size:var(--fs-sm);color:var(--text-3);font-weight:500}.trends-tip-card{background:var(--accent-dim);border-radius:var(--radius-sm);border:1px solid #e8a02040;align-items:flex-start;gap:10px;padding:14px 16px;display:flex}.trends-tip-icon{color:var(--accent);flex-shrink:0;margin-top:1px}.trends-tip-text{font-size:var(--fs-md);color:var(--text);font-weight:500;line-height:1.5}.trends-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.trends-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);text-align:center;padding:12px}.trends-stat-label{font-size:var(--fs-xs);color:var(--text-2);margin-bottom:4px;font-weight:500}.trends-stat-value{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--text);font-weight:700}.trends-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;padding:16px}.trends-section-chart{grid-column:1/-1}.trends-section-title{font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);margin-bottom:12px;font-weight:700}.chart-legend{border-top:1px solid var(--border);justify-content:center;gap:20px;margin-top:12px;padding-top:12px;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-line{border-radius:2px;width:24px;height:3px}.legend-line-cbs{background:#3b82f6}.legend-line-anwb{background:linear-gradient(to right, var(--cheap), var(--expensive))}.legend-label{font-size:var(--fs-xs);color:var(--text-2);font-weight:500}.trends-chart-container{width:100%;overflow:hidden}.trends-chart{width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:.5px;stroke-dasharray:3 3}.chart-area-cbs{fill:#3b82f61a}.chart-line-cbs{fill:none;stroke:#3b82f6;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot-cbs{fill:#3b82f6;stroke:var(--surface);stroke-width:2px;cursor:pointer;transition:r .15s,stroke-width .15s}.chart-dot-cbs:hover{r:5;stroke-width:3px}.chart-line-anwb{fill:none;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot-anwb{stroke:var(--surface);stroke-width:2px;cursor:pointer;transition:r .15s,stroke-width .15s}.chart-dot-anwb:hover{r:7;stroke-width:3px}.chart-label-y{fill:var(--text-3);font-family:var(--font-mono);text-anchor:end;font-size:9px}.chart-label-x{fill:var(--text-3);font-family:var(--font-mono);text-anchor:middle;font-size:9px}.chart-label-local{fill:var(--cheap);font-family:var(--font-display);font-size:var(--fs-xs);text-anchor:start;font-weight:700}.weekday-bars{align-items:flex-end;gap:6px;height:140px;display:flex}.weekday-bar-col{flex-direction:column;flex:1;align-items:center;gap:4px;height:100%;display:flex}.weekday-bar-value{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;font-size:9px}.weekday-bar-track{flex:1;align-items:flex-end;width:100%;display:flex}.weekday-bar-fill{background:var(--surface3);border-radius:4px 4px 0 0;width:100%;transition:height .3s}.weekday-bar-col.cheapest .weekday-bar-fill{background:var(--cheap)}.weekday-bar-col.cheapest .weekday-bar-value,.weekday-bar-col.cheapest .weekday-bar-label{color:var(--cheap);font-weight:700}.weekday-bar-label{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--text-2);font-weight:600}.trends-confidence{font-size:var(--fs-xs);color:var(--text-3);justify-content:center;align-items:center;gap:6px;font-weight:500;display:flex}.confidence-dot{border-radius:50%;width:8px;height:8px}.confidence-high{background:var(--cheap)}.confidence-medium{background:var(--mid)}.confidence-low{background:var(--expensive)}.price-range{flex-direction:column;gap:10px;display:flex}.price-range-bar{background:var(--surface2);border-radius:5px;height:10px;position:relative;overflow:visible}.price-range-fill{background:linear-gradient(to right, var(--cheap), var(--mid), var(--expensive));border-radius:5px;height:100%}.price-range-marker{background:var(--surface);border:3px solid var(--text);border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.price-range-labels{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-3);justify-content:space-between;display:flex}.price-range-low{color:var(--cheap);font-weight:700}.price-range-high{color:var(--expensive);font-weight:700}.price-range-current{text-align:center;font-size:var(--fs-md);color:var(--text-2)}.price-range-current strong{font-family:var(--font-mono);font-size:var(--fs-lg);color:var(--text)}.price-range-savings{text-align:center;font-size:var(--fs-xs);color:var(--text-2);background:var(--surface2);border-radius:var(--radius-xs);padding:6px 12px}.price-range-savings--good{background:var(--cheap-dim);color:var(--cheap);font-weight:600}@media (width>=768px){.overlay-top{grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding-left:20px;padding-right:20px;display:grid}.controls-row{display:contents}.fuel-select-wrap{grid-area:1/1;width:160px}.search-wrapper{grid-area:1/2;justify-self:center;width:100%;max-width:480px}.view-toggle{grid-area:1/3;justify-content:flex-end;width:160px}.price-tip-banner{grid-area:3/1/auto/-1;justify-self:center;width:100%;max-width:480px}.station-card{flex:0 0 320px}.list-overlay{max-width:600px;margin:0 auto;left:0;right:0}.nav-sheet-backdrop{justify-content:center;align-items:center}.nav-sheet{border-radius:20px;max-width:400px;padding-bottom:20px;animation:.25s cubic-bezier(.34,1.56,.64,1) fadeUp}}