:root{--bg:#f0f1f5;--surface:#fff;--surface2:#f4f5f9;--border:#e2e4ed;--accent:#c8102e;--accent2:#06c;--text:#111827;--text2:#6b7280;--red:#c8102e;--green:#059669;--orange:#d97706;--panel-w:320px;--brand1:#5fc15b;--brand2:#2c92e0;--brand-grad:linear-gradient(135deg, #5fc15b 0%, #2c92e0 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100dvh}body{background:var(--bg);color:var(--text);flex-direction:column;font-family:"Source Sans 3",sans-serif;display:flex;overflow:hidden}#app{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}body.site{height:auto;min-height:100dvh;display:block;overflow:auto}body.site #app{flex:none;min-height:0;display:block;overflow:visible}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.panel-info-strip{color:var(--text2);background:var(--surface2);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:7px 16px;font-size:12px;display:flex}.panel-info-strip-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.panel-info-strip .status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.lang-select{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.lang-select-label{color:var(--text2);font-size:14px}.panel{width:var(--panel-w);min-width:var(--panel-w);background:var(--surface);border-right:1px solid var(--border);z-index:500;flex-direction:column;display:flex;overflow:hidden}.panel-section{border-bottom:1px solid var(--border);padding:16px}.panel-label{color:var(--text2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700}.fuel-tabs{flex-direction:column;gap:4px;display:flex}.fuel-tabs-always{margin-bottom:4px}.fuel-row{gap:4px;display:flex}.fuel-tab{border:1px solid var(--border);color:var(--text2);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border-radius:6px;flex:1;padding:7px 6px;font-family:"Source Sans 3",sans-serif;font-size:13px;font-weight:500;transition:all .15s}.fuel-tab:hover{color:#111;background:#3effd01f;border-color:#3effd0}.fuel-tab.active{color:#000;background:#3effd0;border-color:#3effd0;font-weight:600}.panel-collapse-toggle{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0;display:flex}.panel-collapse-toggle .panel-label{flex:1;margin-bottom:0}.panel-collapse-toggle .filter-head{flex-direction:column;flex:1;align-items:flex-start;gap:6px;display:flex}.panel-collapse-toggle .filter-head .panel-label{flex:none}.filter-active-strip{background:0 0;border-radius:2px;width:28px;height:3px;transition:background .15s}.filter-active-strip.on{background:var(--accent2)}.panel-collapse-chevron{color:var(--text2);flex-shrink:0;margin-left:10px;font-size:11px;line-height:1;transition:transform .2s}.panel-collapse-toggle[aria-expanded=true] .panel-collapse-chevron{transform:rotate(180deg)}.panel-collapse-body[hidden]{display:none!important}.panel-collapse-toggle:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:4px}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.stat-box{background:var(--surface2);text-align:center;border:1px solid var(--border);border-radius:8px;padding:10px 8px}.stat-val{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700}.stat-lbl{color:var(--text2);margin-top:2px;font-size:12px}.stat-box.min .stat-val{color:var(--green)}.stat-box.max .stat-val{color:var(--red)}.legend-bar{background:linear-gradient(90deg,#15803d,#4ade80,#fb923c,#fca5a5,#b91c1c);border-radius:5px;height:10px;margin-bottom:6px}.legend-labels{color:var(--text2);justify-content:space-between;font-family:Barlow Condensed,sans-serif;font-size:12px;display:flex}.filter-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.filter-label{color:var(--text2);font-size:14px}.filter-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;width:160px;padding:5px 10px;font-family:"Source Sans 3",sans-serif;font-size:14px}.filter-input:focus{border-color:var(--accent);outline:none}.toggle-24h{cursor:pointer;align-items:center;gap:8px;display:flex}.toggle-switch{background:var(--border);border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.toggle-switch.on{background:var(--accent2)}.toggle-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s;position:absolute;top:3px;left:3px}.toggle-switch.on:after{left:19px}.filter-maxprice{margin-top:14px}.filter-maxprice-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.filter-maxprice-val{color:var(--accent);font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700}.filter-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:2px;outline:none;width:100%;height:4px;margin:4px 0}.filter-slider::-webkit-slider-thumb{appearance:none;background:var(--accent2);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.filter-slider::-moz-range-thumb{background:var(--accent2);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0000004d}.filter-slider-scale{color:var(--text2);justify-content:space-between;margin-top:4px;font-family:Barlow Condensed,sans-serif;font-size:12px;display:flex}.filter-reset{border:1px solid var(--border);background:var(--surface2);width:100%;color:var(--text2);font:inherit;cursor:pointer;border-radius:6px;margin-top:14px;padding:7px;font-size:13px;transition:all .15s}.filter-reset:hover{border-color:var(--accent);color:var(--accent)}.station-list-header{color:var(--text2);letter-spacing:.1em;text-transform:uppercase;padding:12px 16px 8px;font-family:Barlow Condensed,sans-serif;font-size:13px}.station-list{flex:1;overflow-y:auto}.station-list::-webkit-scrollbar{width:4px}.station-list::-webkit-scrollbar-track{background:0 0}.station-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.station-empty{color:var(--text2);padding:16px;font-size:13px}.station-item{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.station-item:hover{background:var(--surface2)}.station-item.selected{background:var(--surface2);border-left:3px solid var(--accent)}.station-rank{color:var(--text2);flex-shrink:0;width:20px;font-family:Barlow Condensed,sans-serif;font-size:12px}.station-info{flex:1;min-width:0}.station-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.station-loc{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.station-price{flex-shrink:0;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.leaflet-tooltip{white-space:nowrap;font-family:"Source Sans 3",sans-serif;background:var(--text)!important;color:var(--surface)!important;border:none!important;border-radius:6px!important;padding:5px 9px!important;font-size:13px!important;box-shadow:0 2px 8px #0003!important}.leaflet-tooltip:before{display:none!important}.map-wrap{flex:1;min-width:0;min-height:0;position:relative}.map-wrap #map{width:100%;height:100%;position:absolute;inset:0}.leaflet-container{background:#e5e3df}.map-zoom-block{z-index:650;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-zoom-block[hidden]{display:none!important}.map-zoom-overlay{pointer-events:none;background:#11182785;position:absolute;inset:0}.map-zoom-dialog{z-index:1;background:var(--surface);border:1px solid var(--border);pointer-events:auto;border-radius:12px;max-width:min(440px,100% - 28px);margin:14px;padding:20px 22px;position:relative;box-shadow:0 12px 40px #00000038}.map-zoom-title{color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-family:Barlow Condensed,sans-serif;font-size:1.35rem;font-weight:700}.map-zoom-text{color:var(--text2);margin-bottom:10px;font-size:14px;line-height:1.5}.map-zoom-text:last-child{margin-bottom:0}.map-zoom-text strong{color:var(--text)}.leaflet-popup-content-wrapper{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 4px 20px #00000026!important}.leaflet-popup-tip{background:var(--surface)!important}.leaflet-popup-content{min-width:200px;margin:14px 16px!important}.popup-name{margin-bottom:4px;font-size:16px;font-weight:600}.popup-addr{color:var(--text2);margin-bottom:10px;font-size:13px;line-height:1.4}.popup-prices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.popup-price-item{background:var(--surface2);border-radius:6px;padding:6px 8px}.popup-price-btn{border:1px solid var(--border);cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%;transition:border-color .12s,box-shadow .12s}.popup-price-btn:hover{background:#3effd014;border-color:#3effd0}.popup-price-btn.selected{border:2px solid #3effd0;padding:5px 7px;box-shadow:0 0 0 1px #3effd040}.popup-price-lbl{color:var(--text2);margin-bottom:2px;font-size:12px}.popup-price-val{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700}.popup-empty{color:var(--text2);grid-column:1/-1;font-size:11px}.popup-chart-block{border-top:1px solid var(--border);margin-top:10px;padding-top:8px}.popup-chart-block[hidden]{display:none!important}.popup-chart-hint{color:var(--text2);margin-bottom:6px;font-size:11px;line-height:1.35}.popup-chart-title{color:var(--text2);letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:700}.popup-chart-wrap{min-height:72px}.popup-chart-msg{color:var(--text2);text-align:center;padding:16px 8px;font-size:12px;line-height:1.4}.popup-chart-msg.popup-chart-err{color:var(--accent)}.popup-chart-svg{width:100%;max-width:260px;height:auto;display:block;overflow:visible}.popup-chart-svg circle{filter:drop-shadow(0 1px 1px #0000002e)}.popup-chart-svg .popup-chart-dot-peak{filter:drop-shadow(0 1px 2px #00000047)}.popup-chart-axis{fill:var(--text2);font-family:"Source Sans 3",sans-serif;font-size:9px}.popup-schedule{color:var(--text2);border-top:1px solid var(--border);margin-top:10px;padding-top:8px;font-size:12px}.popup-24h{background:var(--green);color:#000;border-radius:4px;margin-bottom:4px;padding:2px 6px;font-size:12px;font-weight:700;display:inline-block}.popup-gmaps{color:#000;text-align:center;background:#3effd0;border-radius:6px;margin-top:10px;padding:7px 10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.loading-overlay{background:var(--bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text2);font-family:Barlow Condensed,sans-serif;font-size:15px}.loading-error{color:#c8102e;text-align:center;max-width:460px;padding:20px;font-family:monospace;font-size:13px;line-height:1.5}@media (width<=700px){.app-body{flex-direction:column}.map-wrap{flex:none;order:1;height:55vh}.panel{width:100%;min-width:unset;border-right:none;border-top:1px solid var(--border);flex:1;order:2;min-height:0;position:static;overflow-y:auto}.station-list{flex:1;min-height:0;overflow-y:auto}.panel-section{padding:10px 12px}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:6px}}