:root{--bg-dark: #FAF3E0;--panel-dark: #FFFFFF;--border-color: #E5E7EB;--text-main: #000000;--text-muted: #4B5563;--accent-green: #F39C12;--accent-blue: #27AE60;--primary: #1976D2;--bottom-nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px);--sheet-h: 96px;--kofi-fab-right: 20px;--kofi-fab-bottom: 82px;--app-vh: 100vh}@supports (height: 100dvh){:root{--app-vh: 100dvh}}*{box-sizing:border-box}body{height:var(--app-vh);min-height:var(--app-vh);display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.navbar{background-color:var(--primary)!important;border-bottom:none;position:relative;z-index:1005;padding-top:8px!important;padding-bottom:8px!important;min-height:56px}.navbar-brand{font-weight:700;font-size:1.1rem;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.brand-wordmark{display:inline-block;font-family:Avenir Next Condensed,Segoe UI Semibold,Trebuchet MS,system-ui,sans-serif;font-size:1.08rem;font-weight:800;letter-spacing:.08em;text-transform:lowercase;line-height:1}#langSwitcher{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:1.6rem!important;background-color:transparent!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M1.5 5.5a.5.5 0 0 1 .7 0L8 11.293 13.8 5.5a.5.5 0 1 1 .7.7l-6.15 6.15a.7.7 0 0 1-.99 0L1.5 6.2a.5.5 0 0 1 0-.7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .35rem center;background-size:.75rem .75rem}#langSwitcher::-ms-expand{display:none}#app-body-wrapper{display:flex;flex-direction:row;flex:1;overflow:hidden;position:relative}#main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}#nav-rail{display:none}.nav-item{color:var(--text-muted);font-size:1.5rem;margin-bottom:0;cursor:pointer;transition:.2s;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}.nav-item:hover{color:var(--text-main);background:#398bdc}.nav-item.active{color:var(--accent-blue);background:#27ae6026}#mobile-bottom-nav{display:none}#sidebar-container{width:320px;background:var(--panel-dark);position:absolute;top:16px;left:16px;bottom:16px;z-index:1000;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;border:none}.side-panel{display:none;flex-direction:column;width:100%;height:100%}.side-panel.active{display:flex}#content-container{flex:1;position:relative;display:flex;flex-direction:column;overflow:hidden}.main-view{display:none;flex:1;height:100%;width:100%}.main-view.active{display:flex;flex-direction:column}.cbs-timeframe-toggle{display:flex;background:#e5e7eb;padding:3px;border-radius:8px;gap:2px}.cbs-tf-btn{border:none;background:transparent;padding:4px 12px;font-size:.75rem;font-weight:700;color:#4b5563;border-radius:6px;cursor:pointer;transition:all .2s}.cbs-tf-btn.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.price-badge{display:inline-flex;align-items:baseline;gap:1px;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:12px;margin-top:4px}.price-badge.up{background:#fef2f2;color:#dc2626}.price-badge.down{background:#f0fdf4;color:#16a34a}#map{flex:1;width:100%;position:relative;isolation:isolate}#map.map-shell--loading .leaflet-pane,#map.map-shell--loading .leaflet-control-container{opacity:0}#map .leaflet-pane,#map .leaflet-control-container{transition:opacity .2s ease}.map-placeholder{position:absolute;inset:0;z-index:650;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top,rgba(25,118,210,.14),transparent 48%),linear-gradient(180deg,#f7f4ec,#f2ead8);transition:opacity .28s ease}.map-placeholder.is-hidden{opacity:0;pointer-events:none}.map-placeholder-card{display:flex;flex-direction:column;gap:8px;width:min(440px,calc(100% - 40px));min-height:180px;padding:26px 24px;border:1px solid rgba(25,118,210,.12);border-radius:20px;background:#ffffffe0;box-shadow:0 18px 50px #0f172a14;text-align:center;justify-content:center}.map-placeholder-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}.map-placeholder-card strong{font-size:1.35rem;line-height:1.2;color:#0f172a}.map-placeholder-card span:last-child{font-size:.98rem;line-height:1.45;color:#475569}.sidebar-header{padding:16px;border-bottom:1px solid var(--border-color);background:#fffffff2}.dark-input{background:#fff;border:1px solid var(--border-color);color:var(--text-main);border-radius:6px}.dark-input:focus{background:#f9fafb;color:var(--text-main);border-color:var(--accent-blue);box-shadow:none}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.station-card{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .15s ease}.station-card:active{background:#f0f4ff}.station-card:hover{background:#f8fafc}.station-services{margin-top:4px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-services i{font-size:.85rem}.comp-card{background:var(--panel-dark);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;box-shadow:0 2px 4px #00000005;transition:.2s ease}.comp-card:hover{border-color:#b0bec5;box-shadow:0 4px 8px #0000000f}.comp-card.cheapest{border-color:#3b82f6}.comp-card-col{display:flex;align-items:center;min-width:0}.comp-card-top{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 280px}.comp-card-actions{margin-left:auto;display:flex;align-items:flex-start;justify-content:flex-end}.comp-nav-btn{white-space:nowrap}.comp-card-meta{flex:1 1 auto;min-width:0}.comp-station-title{line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.comp-station-distance{display:inline-block;margin-top:4px}.comp-card-prices-row{display:flex;flex-direction:row;gap:12px;flex:0 0 clamp(280px,34vw,360px);justify-content:center;min-width:0}.fuel-col{flex:1 1 0;min-width:0}.brand-logo,.brand-badge-fallback{width:44px;height:32px;border-radius:6px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0000000f;background:#fff;display:flex;align-items:center;justify-content:center}.brand-logo{object-fit:contain}.brand-badge-fallback{font-weight:800;font-size:.65rem;text-transform:uppercase;color:#fff}.price-last-digit{font-size:.7em;line-height:1;vertical-align:baseline;display:inline-block;transform:translateY(-.13em);margin-left:1px;opacity:.92}.popup-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.popup-title-wrap{min-width:0}.popup-title{font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-hours{line-height:1.2}.popup-fav-btn{height:34px;border-radius:5px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;color:#6b7280}.popup-fav-btn:hover{border-color:#e74c3c59;background:#fff5f5;color:#e74c3c}.popup-fav-btn i{font-size:1.1rem;color:#e74c3c}.popup-fav-btn.is-fav{border-color:#e74c3c59;background:#fff5f5}.popup-fav-btn.is-fav i{color:#e74c3c}.popup-nav-btn{background:#fe9335;border:none;color:#fff!important;align-content:center}.popup-nav-btn:hover,.popup-nav-btn:focus{background:#f79e50;color:#fff}.comp-services{display:flex;flex-wrap:wrap;gap:8px;color:var(--text-muted);justify-content:flex-end;min-width:180px;flex:1 1 220px}.comp-service-tag{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:600;color:#475569;white-space:nowrap;box-shadow:0 1px 2px #00000008}.comp-service-tag i{font-size:1rem;color:var(--primary)}.comp-price-chip{flex:1;background:#f3f8ff;border:1px solid #DBEAFE;border-radius:10px;padding:8px 10px;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.comp-price-chip .chip-label{font-size:.68rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.comp-price-chip .chip-value{font-size:1.15rem;font-weight:800;color:var(--text-main)}.comp-price-chip.chip-diesel{background:#fff8ee;border-color:#fee5a0}.comp-price-chip.chip-lpg{background:#f0fdf4;border-color:#bbf7d0}.price-badge{background:#1b8a36;color:#fff;font-weight:700;padding:5px 10px;border-radius:6px;font-size:.95rem;letter-spacing:-.2px;white-space:nowrap}.map-action-group{position:fixed;right:20px;bottom:30px;z-index:1000;display:flex;align-items:center;gap:10px}.location-btn{background:#fff;color:var(--primary);border-radius:20px;padding:0 16px;height:44px;border:1px solid var(--border-color);box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.location-btn span{font-weight:600;font-size:.9rem;color:#333;margin-left:8px}.location-btn:hover{box-shadow:0 6px 16px #0003}.kofi-btn{display:flex;align-items:center;gap:7px;background:#fcbf47;color:#323842;border:none;border-radius:20px;padding:0 14px;height:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #fcbf4773;text-decoration:none;transition:transform .15s,box-shadow .15s;white-space:nowrap}.kofi-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #fcbf478c;color:#323842}.kofi-btn:active{transform:translateY(0)}#map-legend{max-width:min(calc(100vw - 32px),520px);flex-wrap:wrap;justify-content:center;row-gap:6px}.map-legend-item{flex:0 0 auto}.map-legend-label{font-size:.65rem;font-weight:700;color:#4b5563;white-space:nowrap}.custom-price-marker{background:transparent;border:none}.modal-content.dark-theme{background-color:var(--panel-dark);color:var(--text-main);border:1px solid var(--border-color)}.modal-header.dark-theme{border-bottom:1px solid var(--border-color)}.modal-footer.dark-theme{border-top:1px solid var(--border-color)}.input-group-text.dark-theme{background:#2a2a2c;color:var(--text-main);border:1px solid var(--border-color);border-right:none}.modal-backdrop{z-index:2950!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel-dark)!important;color:var(--text-main)!important;border:1px solid var(--border-color);box-shadow:0 4px 15px #0000001a}.leaflet-popup-content{margin:12px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}#view-trends{background:#f3f4f6;overflow-y:auto;padding:32px 40px}.cbs-trends-inner{max-width:1200px;margin:0 auto;width:100%}.cbs-trends-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.cbs-trends-body{display:flex;gap:24px;align-items:flex-start}.cbs-sidebar{flex:0 0 260px;display:flex;flex-direction:column;gap:0}.cbs-main{flex:1;min-width:0}.cbs-fuel-toggle{display:flex;gap:8px;margin-bottom:16px}.cbs-fuel-btn{flex:1;padding:9px 6px;border-radius:10px;border:2px solid #DBEAFE;background:#f3f8ff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s;color:#1976d2}.cbs-fuel-btn.active{background:#1976d2;color:#fff;border-color:#1565c0;box-shadow:0 2px 8px #1976d240}.cbs-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0}.cbs-price-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px #0000000f;transition:box-shadow .2s}.cbs-price-card:hover{box-shadow:0 4px 16px #0000001a}.cbs-price-card.highlight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd}.cbs-price-card .cbs-card-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.4px;color:#6b7280;font-weight:700;margin-bottom:6px}.cbs-price-card .cbs-card-value{font-size:1.55rem;font-weight:800;color:#111827;letter-spacing:-.5px}.cbs-price-card .cbs-card-sub{font-size:.68rem;color:#9ca3af;margin-top:3px}.cbs-chart-wrap{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;height:100%}.cbs-chart-title{font-size:.9rem;font-weight:700;color:#374151;margin-bottom:14px}.cbs-source{font-size:.65rem;color:#9ca3af;margin-top:10px;text-align:right}.cbs-period-badge{display:inline-block;background:#f0fdf4;color:#16a34a;border:1px solid #BBF7D0;border-radius:20px;padding:3px 12px;font-size:.72rem;font-weight:700;margin-bottom:16px}@media(min-width:768px){#nav-rail{display:flex;flex-direction:column;width:72px;background:#fff;border-right:1px solid var(--border-color);align-items:center;padding-top:24px;z-index:1010;position:relative;flex-shrink:0}#sidebar-container{left:16px;top:16px;bottom:16px;position:absolute}.navbar-brand{margin-left:0}}@media(max-width:767px){:root{--nav-h: 56px;--kofi-fab-right: 14px;--kofi-fab-bottom: calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--sheet-h) + 66px)}.navbar{padding-left:12px!important;padding-right:8px!important}.navbar-brand{font-size:.95rem;max-width:165px}#nav-title{font-size:.9rem}.navbar-desktop-only{display:none!important}.navbar-mobile-icons{display:flex!important;align-items:center;gap:6px}.navbar-icon-btn{width:36px;height:36px;border-radius:8px;border:none;background:#ffffff2e;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.navbar-icon-btn:active{background:#ffffff59}#mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;border-top:1px solid var(--border-color);z-index:2500;box-shadow:0 -2px 12px #00000014}.mob-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#9ca3af;font-size:.65rem;font-weight:500;padding:8px 4px 4px;border:none;background:none;transition:color .15s;-webkit-tap-highlight-color:transparent}.mob-nav-item i{font-size:1.35rem}.mob-nav-item.active{color:var(--primary)}.mob-nav-item.active i{background:#e3f0ff;border-radius:10px;padding:2px 10px}.main-view.active{height:100%!important;flex:1;overflow:inherit}#sidebar-container{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom));left:0;right:0;width:100%;height:96px;top:auto;border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #00000024;z-index:1004;background:#fff;transition:height .3s cubic-bezier(.32,.72,0,1);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}#sidebar-container.sheet-collapsed{height:96px;overflow:hidden}#sidebar-container.sheet-expanded{height:calc(var(--app-vh) - var(--nav-h) - var(--bottom-nav-h) - var(--safe-bottom));padding-bottom:24px}.sheet-drag-handle{display:flex!important;justify-content:center;align-items:center;padding:10px 0 4px;cursor:grab;background:#fff;border-radius:20px 20px 0 0;touch-action:none}.sheet-drag-handle:after{content:"";width:40px;height:5px;background:#d1d5db;border-radius:3px}.sidebar-header{padding:10px 14px 12px;border-radius:0}.station-card{padding:12px 14px}.map-action-group{right:14px;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + var(--sheet-h) + 12px);flex-direction:column-reverse;align-items:flex-end;gap:8px}.location-btn{right:14px;height:42px;padding:0 14px;border-radius:21px;font-size:.85rem}.location-btn span{display:none}.kofi-btn{height:38px;font-size:.78rem;width:38px;padding:0;gap:0;justify-content:center}.kofi-btn span{display:none}#map-legend{max-width:calc(100vw - 24px);padding:8px 12px!important;gap:8px!important}.map-legend-label{font-size:.6rem}#view-list{overflow-y:auto}.comp-table-header{display:none!important}.comp-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.comp-services{flex:0 0 auto;min-width:0;justify-content:flex-start}.fuel-col{width:32.1%!important;flex:none!important}.comp-card-top{gap:12px;width:100%;flex-basis:auto;flex-wrap:wrap}.comp-card-actions{width:100%;margin-left:0;justify-content:flex-start}.comp-nav-btn{width:100%}.comp-card-prices-row{gap:8px;width:100%;flex:0 0 auto}.comp-price-chip{padding:6px 4px}.comp-price-chip .chip-value{font-size:1.05rem}#list-header{padding:12px 14px!important}#list-title{font-size:1rem!important}#view-list>.p-4{padding:12px!important}#view-trends{padding:12px!important}.cbs-trends-body{flex-direction:column!important}.cbs-sidebar,.cbs-main{flex:none!important;width:100%!important}.cbs-chart-wrap{min-height:280px}#pwa-ios-banner span{font-size:.78rem}.modal-dialog{margin:0;align-items:flex-end;min-height:100%}.modal-content{border-radius:20px 20px 0 0!important}.modal-footer{padding-bottom:calc(var(--safe-bottom) + 12px)!important}}