.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane > svg,.leaflet-pane > canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none !important;max-height:none !important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none !important;max-height:none !important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,0.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1);-moz-transition:-moz-transform 0.25s cubic-bezier(0,0,0.25,1);transition:transform 0.25s cubic-bezier(0,0,0.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane > svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane > svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,0.5)}.leaflet-container{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;font-size:0.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,0.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:black}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(images/layers.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(images/layers-2x.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(images/marker-icon.png)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,0.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline !important;vertical-align:baseline !important;width:1em;height:0.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,0.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,0.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:white;color:#333;box-shadow:0 3px 14px rgba(0,0,0,0.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,0.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-cluster-anim .leaflet-marker-icon,.leaflet-cluster-anim .leaflet-marker-shadow{-webkit-transition:-webkit-transform 0.3s ease-out,opacity 0.3s ease-in;-moz-transition:-moz-transform 0.3s ease-out,opacity 0.3s ease-in;-o-transition:-o-transform 0.3s ease-out,opacity 0.3s ease-in;transition:transform 0.3s ease-out,opacity 0.3s ease-in}.leaflet-cluster-spider-leg{-webkit-transition:-webkit-stroke-dashoffset 0.3s ease-out,-webkit-stroke-opacity 0.3s ease-in;-moz-transition:-moz-stroke-dashoffset 0.3s ease-out,-moz-stroke-opacity 0.3s ease-in;-o-transition:-o-stroke-dashoffset 0.3s ease-out,-o-stroke-opacity 0.3s ease-in;transition:stroke-dashoffset 0.3s ease-out,stroke-opacity 0.3s ease-in}.marker-cluster-small{background-color:rgba(181,226,140,0.6)}.marker-cluster-small div{background-color:rgba(110,204,57,0.6)}.marker-cluster-medium{background-color:rgba(241,211,87,0.6)}.marker-cluster-medium div{background-color:rgba(240,194,12,0.6)}.marker-cluster-large{background-color:rgba(253,156,115,0.6)}.marker-cluster-large div{background-color:rgba(241,128,23,0.6)}.leaflet-oldie .marker-cluster-small{background-color:rgb(181,226,140)}.leaflet-oldie .marker-cluster-small div{background-color:rgb(110,204,57)}.leaflet-oldie .marker-cluster-medium{background-color:rgb(241,211,87)}.leaflet-oldie .marker-cluster-medium div{background-color:rgb(240,194,12)}.leaflet-oldie .marker-cluster-large{background-color:rgb(253,156,115)}.leaflet-oldie .marker-cluster-large div{background-color:rgb(241,128,23)}.marker-cluster{background-clip:padding-box;border-radius:20px}.marker-cluster div{width:30px;height:30px;margin-left:5px;margin-top:5px;text-align:center;border-radius:15px;font:12px 'Inter',Arial,Helvetica,sans-serif}.marker-cluster span{line-height:30px}.bottom-sheet{position:fixed;bottom:0;left:0;width:100%;height:90vh;max-height:90vh;background:white;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:2000;transform:translateY(100%);display:flex;flex-direction:column;visibility:hidden;will-change:transform}.bottom-sheet.active{transform:translateY(0);visibility:visible}.bottom-sheet.animating{transition:transform 0.4s cubic-bezier(0.19,1,0.22,1)}.bottom-sheet-header-v2{height:28px;display:flex;justify-content:center;align-items:center;flex-shrink:0;cursor:grab;z-index:10;background:white;border-radius:16px 16px 0 0;position:relative}.bottom-sheet-handle{width:36px;height:4px;background-color:#e0e0e0;border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%)}.bottom-sheet-content{overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.bottom-sheet-content .station-card{box-shadow:none;border:none;padding:0;margin:0}@media (min-width:601px){.bottom-sheet{display:none !important}}.leaderboard-content{max-width:450px;width:90%;max-height:80vh;display:flex;flex-direction:column;padding:0;overflow:hidden}.leaderboard-content h2{padding:20px 20px 5px;margin:0;text-align:center;background:white}.leaderboard-content .modal-subtitle{text-align:center;padding:0 20px 15px;margin:0;border-bottom:1px solid #eee;background:white;color:#666;font-size:0.95rem}.leaderboard-content .modal-subtitle strong{color:#1e3c72;background:#eef7ff;padding:2px 6px;border-radius:4px}#leaderboard-list-container{overflow-y:auto;padding:10px 0;flex-grow:1}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f7f8fa}.leaderboard-item.is-me{background-color:#f0fdf4;border-left:4px solid #2ecc71}.leaderboard-item:last-child{border-bottom:none}.leaderboard-separator{text-align:center;color:#ccc;font-weight:700;padding:5px 0;letter-spacing:2px}.leader-rank{font-size:1.5rem;width:40px;text-align:center;margin-right:15px;font-weight:700;color:#666}.rank-num{font-size:1rem;color:#999;background:#f0f0f0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.leader-info{display:flex;flex-direction:column}.leader-name{font-weight:600;font-size:1rem;color:#2c3e50}.leader-stats{font-size:0.85rem;color:#6c757d}.leaderboard-footer{padding:15px;text-align:center;border-top:1px solid #eee;background:#f8f9fa;display:flex;justify-content:center;gap:10px;align-items:center;flex-wrap:wrap}.footer-separator{color:#ccc}.text-link-btn{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:0.9rem;font-weight:500}.text-link-btn:hover{color:#0056b3}.empty-state,.error-state{text-align:center;padding:40px 20px;color:#666;font-style:italic}#leaderboard-backup-view{padding:20px;text-align:center}#leaderboard-backup-view h3{margin:10px 0 10px;font-size:1rem;color:#333}.backup-code-box,.restore-box{display:flex;gap:8px;margin-bottom:10px}.backup-code-box input,.restore-box input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:0.9rem}.backup-code-box button,.restore-box button{padding:8px 12px;background:#007bff;color:white;border:none;border-radius:4px;cursor:pointer}.backup-hint{font-size:0.85rem;color:#666;margin-bottom:20px;text-align:left;background:#fff3cd;padding:10px;border-radius:4px;border:1px solid #ffeeba}.hidden{display:none !important}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;margin:0;padding:0;background-color:#f7f8fa;display:flex;flex-direction:column;top:0;left:0;width:100%;height:100%;height:100dvh;box-sizing:border-box;color:#2c3e50;overflow:hidden;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app-header-group{transition:margin-top 0.3s ease-in-out;position:relative;z-index:1000}header{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%);border-bottom:3px solid #FFC107;box-shadow:0 2px 10px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;padding:10px 20px;position:relative;z-index:1000}#filter-bar{background:white;border-bottom:1px solid #e9ecef;padding:10px 0;flex-shrink:0;z-index:900;box-shadow:0 2px 4px rgba(0,0,0,0.02)}h1{color:#fff;margin:0;font-size:1.5em;font-weight:600;letter-spacing:1px;text-align:center;width:100%}.header-controls{position:absolute;right:15px;display:flex;align-items:center;gap:10px}.fuel-select{background-color:rgba(255,255,255,0.15);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:1.2em 1.2em;border:1px solid rgba(255,255,255,0.3);border-radius:20px;color:white;padding:6px 30px 6px 12px;font-size:0.9rem;cursor:pointer;outline:none;appearance:none;text-align:left;font-weight:500;transition:background-color 0.2s}.fuel-select:hover{background:rgba(255,255,255,0.25)}.fuel-select option{background:white;color:#333}.header-icon-btn{background:rgba(255,255,255,0.15);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:background 0.2s;color:white}.header-icon-btn:hover{background:rgba(255,255,255,0.25)}header::before{display:none}@media (max-width:600px){.about-content{max-width:92%;width:92%;max-height:85vh}.about-content h2{font-size:1.2rem;padding:20px 15px 10px}.about-text-body{padding:5px 15px 20px;font-size:0.95rem}.modal-close-btn{width:32px;height:32px;font-size:1.5rem;top:10px;right:10px}}.about-content{max-width:600px;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden;background:white;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.2);position:relative}.modal-close-btn{position:absolute;top:15px;right:15px;z-index:20;background:rgba(255,255,255,0.9);border:none;font-size:2rem;line-height:1;cursor:pointer;color:#666;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.about-content h2{margin:0;padding:25px 20px 15px;background:white;border-bottom:1px solid #eee;flex-shrink:0;padding-right:50px;font-size:1.5rem;color:var(--primary-color)}.about-text-body{text-align:left;line-height:1.6;color:#333;overflow-y:auto;padding:20px}.about-text-body h3{margin-top:1.5rem;color:var(--primary-color);font-size:1.1rem}.about-text-body ul{list-style-type:disc;margin-left:20px;margin-bottom:1rem}.about-text-body li{margin-bottom:0.5rem}.container{display:flex;flex-grow:1;min-height:0;overflow:hidden}#map{height:100%;flex:3;border-right:1px solid #ccc;position:relative}#locate-me-btn{position:absolute;top:80px;left:10px;z-index:1000;width:36px;height:36px;background-color:white;border:2px solid rgba(0,0,0,0.2);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-sizing:border-box;box-shadow:0 1px 5px rgba(0,0,0,0.65);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.2s ease,background-color 0.2s ease}#map.popup-active #locate-me-btn,#map.popup-active .map-legend,#map.popup-active .leaflet-control-zoom{opacity:0;visibility:hidden;pointer-events:none}#locate-me-btn:hover{background-color:var(--light-bg);transform:scale(1.05)}#locate-me-btn img{width:16px;height:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.35))}#onboarding-locate-btn{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:1000;padding:12px 20px;background:var(--primary-color);color:white;border-radius:50px;font-weight:600;font-size:1em;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:none;display:flex;align-items:center;gap:8px;cursor:pointer;transition:transform 0.2s ease,opacity 0.3s ease;animation:fadeUp 0.6s ease-out 1s both;white-space:nowrap}#onboarding-locate-btn:hover{transform:translateX(-50%) scale(1.05);background:var(--primary-dark)}@keyframes fadeUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}#map.popup-active #onboarding-locate-btn{opacity:0;pointer-events:none}.sidebar{flex:1;display:flex;flex-direction:column;background-color:#fff;min-width:280px;max-width:400px;height:100%;overflow:hidden}#brand-filter{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);background-color:#fff;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:5;transition:margin-top 0.3s ease-in-out}#brand-filter.collapsed{padding-bottom:var(--spacing-sm)}.brand-filter-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}#brand-filter h2{margin:0;font-size:1.05em;text-align:left;color:var(--primary-color);font-weight:600}.filter-toggle-btn{border:none;background:rgba(30,60,114,0.1);color:var(--primary-color);padding:4px 10px;border-radius:999px;font-size:0.85em;font-weight:600;cursor:pointer;transition:background 0.2s}.filter-toggle-btn:hover{background:rgba(30,60,114,0.2)}.brand-filter-summary{font-size:0.85em;color:var(--text-secondary);margin-top:4px;margin-bottom:4px}#brand-filter-body{margin-top:var(--spacing-sm)}#brand-filter.collapsed #brand-filter-body{display:none}#brand-filter.collapsed .brand-filter-summary{margin-bottom:0}.brand-filter-controls{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.brand-filter-btn{padding:4px 12px;font-size:0.85em;border:1px solid var(--border-color);background:white;color:var(--text-secondary);border-radius:4px;cursor:pointer;transition:all 0.2s}.brand-filter-btn:hover{background:var(--light-bg);color:var(--primary-color);border-color:var(--primary-color)}#brand-checkboxes{max-height:180px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background-color:var(--light-bg)}#brand-checkboxes label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs);cursor:pointer;font-size:0.9em;padding:var(--spacing-sm) var(--spacing-sm);border-radius:6px;transition:all 0.2s;background:white;border:1px solid transparent}#brand-checkboxes label:hover{background-color:var(--light-bg);border-color:var(--border-color)}#brand-checkboxes label.selected{background-color:rgba(30,60,114,0.05);border-color:var(--primary-color)}#brand-checkboxes input{margin-right:var(--spacing-sm);flex-shrink:0}.brand-label-text{flex-grow:1}.brand-count{font-size:0.85em;color:var(--text-secondary);background:var(--light-bg);padding:2px 8px;border-radius:12px;margin-left:var(--spacing-sm)}#station-list{padding:0;flex-grow:1;overflow-y:auto;overflow-x:hidden;height:0;display:flex;flex-direction:column;overflow-anchor:none}.station-card,.list-summary-text,.empty-list-state,.list-info-item{margin-left:15px;margin-right:15px}.sidebar-ad-container{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--border-color);background-color:#fff;min-height:100px;flex-shrink:0}.popup-action-btn{flex:1;min-width:140px}.station-ocr-subtext{margin:6px 0;font-size:0.82em;color:var(--text-secondary)}.station-action-hint{margin:10px 0 0;font-size:0.85em;font-weight:600;color:var(--text-primary)}.scan-price-btn{background:var(--primary-color);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:0.9em;cursor:pointer;font-weight:600;transition:background 0.2s}.scan-price-btn:hover{background:#163055}.scan-price-btn:disabled{opacity:0.7;cursor:not-allowed}.station-ocr-header .scan-price-btn{font-size:0.8em;padding:4px 10px}.confirm-ocr-btn{margin-left:8px;background:#2ecc71;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:0.8em;cursor:pointer;transition:background 0.2s}.confirm-ocr-btn:hover{background:#27ae60}.confirm-ocr-btn:disabled{opacity:0.7;cursor:not-allowed}.station-ocr-output{margin-top:6px;font-size:0.9em;color:var(--text-secondary)}.station-ocr-output.error{color:#c0392b}.station-ocr-output ul{list-style:none;padding:0;margin:6px 0 0 0}.station-ocr-output li{background:#f8f9fa;padding:6px 8px;border-radius:6px;margin-bottom:4px}.manual-report-btn{border:none;border-radius:6px;padding:6px 12px;font-size:0.9em;cursor:pointer;font-weight:600;background:#e2e8f0;color:var(--text-primary);transition:background 0.2s}.manual-report-btn:hover{background:#cbd5e1}.station-ocr-meta{display:flex;align-items:center;gap:8px;font-size:0.8em;color:var(--text-secondary);margin-top:4px}.station-ocr-meta-pending{background:#ffe08a;color:#7c4a00;padding:2px 6px;border-radius:999px;font-weight:600}.station-ocr-message{margin:6px 0;font-size:0.85em}.station-ocr-preview{margin-top:6px;border-radius:6px;overflow:hidden;border:1px solid #dbe2ef}.station-ocr-preview img{width:100%;display:block}.station-ocr-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.confirm-all-btn,.clear-ocr-btn{border:none;border-radius:6px;padding:6px 12px;font-size:0.85em;cursor:pointer;font-weight:600;transition:background 0.2s}.confirm-all-btn{background:var(--primary-color);color:#fff}.confirm-all-btn:hover{background:#163055}.clear-ocr-btn{background:#e2e8f0;color:var(--text-primary)}.clear-ocr-btn:hover{background:#cbd5e1}.ocr-success-badge{margin-left:8px;padding:2px 6px;border-radius:4px;background:#2ecc71;color:#fff;font-size:0.75em;font-weight:600}.ocr-error-text{margin-left:8px;color:#c0392b;font-size:0.85em}.ocr-pending-text{margin-left:8px;color:var(--text-secondary);font-size:0.85em;font-style:italic}.ocr-pending-badge{margin-left:8px;padding:2px 6px;border-radius:4px;background:#ffe08a;color:#7c4a00;font-size:0.75em;font-weight:600}.ocr-warning-badge{margin-left:8px;padding:2px 6px;border-radius:4px;background:#ffb347;color:#5c3300;font-size:0.75em;font-weight:600}.ocr-warning-hint{margin-top:4px;font-size:0.75em;color:#5c3300}.station-ocr-status{margin-top:6px;font-size:0.85em;color:var(--text-secondary)}.station-ocr-status .error{color:#c0392b}#list-controls{display:flex;justify-content:space-between;align-items:center;margin:5px 0 0 0;background:#fff;padding:var(--spacing-sm) 15px;border-bottom:2px solid #e9ecef}#list-controls h2{margin:0;font-size:1.2em;color:#1e3c72;font-weight:600;line-height:1.2}#sort-select{padding:6px 32px 6px 12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%231e3c72'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:1.2em 1.2em;appearance:none;border:2px solid #e9ecef;border-radius:6px;font-size:0.9em;line-height:1.2;cursor:pointer;background-color:#fff;color:var(--text-primary);transition:border-color 0.2s,box-shadow 0.2s}#sort-select:hover{border-color:var(--primary-color)}#sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(30,60,114,0.1)}#list-search-container{padding:10px 15px 0 15px;background:#fff;margin-bottom:0}#search-list-input{width:100%;padding:10px 15px;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:0.95em;margin:0;transition:border-color 0.3s}#search-list-input:focus{outline:none;border-color:#1e3c72;box-shadow:0 0 0 3px rgba(30,60,114,0.1)}#list-loader{text-align:center;padding:10px;color:#777;font-style:italic;display:none}#list-loader.visible{display:block}.station-list-prices-block.price-grid{display:grid;grid-template-columns:max-content auto;gap:4px 12px;margin-top:8px;margin-bottom:8px;font-size:0.9em;background-color:#f8f9fa;padding:8px;border-radius:6px}.fuel-type-column{text-align:left;color:#555}.price-column{text-align:right}.price-value{font-weight:bold;font-size:1.1em;color:#007bff}#list-view{list-style:none;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-lg) var(--spacing-sm);margin:0;box-sizing:border-box}.station-card{background:#fff;border:1px solid #e6eaf2;border-radius:12px;padding:12px 14px;margin-bottom:12px;box-shadow:0 4px 18px rgba(15,23,42,0.05);transition:transform 0.15s ease,box-shadow 0.15s ease;cursor:pointer;list-style:none}.station-card.selected-station{border-color:var(--primary-color);box-shadow:0 6px 24px rgba(30,60,114,0.2)}.popup-station-card{box-shadow:none;border-color:#dce2ee;margin:0 auto 12px auto;max-width:360px;width:100%;box-sizing:border-box}.station-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,23,42,0.12)}.ad-card{cursor:default !important}.ad-card:hover{transform:none !important;box-shadow:0 4px 18px rgba(15,23,42,0.05) !important}.ad-card:has(ins[data-ad-status="unfilled"]){display:none !important}.popup-station-card:hover{transform:none;box-shadow:none}.station-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:2px;align-items:flex-start}.station-card-heading{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.station-meta-compact{gap:8px;font-size:0.8em;align-items:center}.station-meta-label{color:var(--text-secondary);font-weight:600}.station-card-distance{display:flex;align-items:center;justify-content:flex-end}.station-extra-info{border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px;background:#f8fafc}.station-extra-row{display:flex;gap:8px;font-size:0.85em}.station-extra-label{font-weight:600;color:var(--text-secondary);min-width:64px}.station-extra-value{color:var(--text-primary);flex:1}.leaflet-popup-close-button{top:10px;right:10px}.station-name{font-weight:600;font-size:1.05em;color:var(--text-primary)}.station-meta-row{display:flex;gap:6px;flex-wrap:wrap;font-size:0.85em;color:var(--text-secondary)}.station-meta-secondary{margin-top:2px}.station-brand-pill{background:rgba(30,60,114,0.08);color:var(--primary-color);padding:2px 8px;border-radius:999px;font-weight:600}.station-location{font-style:italic}.station-locality-precision{background:rgba(79,70,229,0.12);color:#4c1d95;padding:1px 8px;border-radius:999px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;font-size:0.7em}.price-freshness-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:0.75em;font-weight:600;letter-spacing:0.02em}.price-freshness-badge.fresh{background:rgba(16,185,129,0.15);color:#047857}.price-freshness-badge.stale{background:rgba(251,191,36,0.18);color:#92400e}.price-freshness-badge.no-data{background:rgba(148,163,184,0.3);color:#334155}.station-card .station-address{display:block;font-size:0.9em;color:var(--text-secondary);margin-bottom:8px}.station-card-no-prices{background:#fdf2f2;color:#c53030;padding:8px;border-radius:6px;font-size:0.9em;margin-bottom:8px}.station-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;justify-content:space-between;align-items:stretch}.station-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;border-radius:999px;padding:10px 16px;border:none;transition:background 0.2s,color 0.2s,border-color 0.2s;flex:1 1 150px;min-width:0;text-align:center}.station-card-actions .scan-price-btn{flex:2 1 55%;min-width:180px}.station-card-actions .manual-report-btn{flex:1 1 35%;min-width:140px}.station-action-btn .btn-icon{font-size:1.1em}.station-action-btn.cta-stale{background:var(--primary-color);color:#fff;box-shadow:0 10px 20px rgba(30,60,114,0.18)}.station-action-btn.cta-stale:hover{background:#163055}.station-action-btn.cta-urgent{background:#f97316;color:#fff;box-shadow:0 12px 24px rgba(249,115,22,0.35)}.station-action-btn.cta-urgent:hover{background:#ea580c}.station-action-btn.cta-fresh{background:transparent;color:var(--primary-color);border:1.5px solid rgba(30,60,114,0.4);box-shadow:none;padding:8px 14px}.station-action-btn.cta-fresh:hover{border-color:var(--primary-color);color:var(--primary-dark)}.secondary-action-btn{background:#f1f5f9;color:var(--text-primary);border:1px solid #d8dee9;flex:1 1 150px}.secondary-action-btn:hover{background:#e2e8f0}.station-card .station-ocr-output{border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:8px}.station-price-group{border:1px solid #e2e8f0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.station-price-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0;transition:all 0.2s ease}.preferred-fuel-row{background-color:#eef7ff;border:1px solid #cce5ff !important;border-left:4px solid #007bff !important;border-radius:6px;padding:8px 12px !important;margin:4px -4px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.preferred-fuel-row + .station-price-row{border-top:none}.preferred-fuel-row .fuel-type-label{color:#0056b3}.station-price-row:last-child{border-bottom:none}.station-price-row.price-row-urgent:not(:last-child),.station-price-row.price-row-stale:not(:last-child){border-bottom:none}.station-price-row.price-row-urgent{background:rgba(239,68,68,0.08);border-radius:8px;border-left:3px solid #dc2626;padding-left:8px}.station-price-row.price-row-stale{background:rgba(249,115,22,0.08);border-radius:8px;border-left:3px solid #f97316;padding-left:8px}.fuel-type-label{font-weight:600;color:var(--text-primary)}.price-value-block{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-right:10px}.price-value-block strong{display:inline-flex;align-items:center;gap:4px}.price-stale-indicator{font-size:0.78em;font-weight:600;text-transform:uppercase}.price-stale-indicator[data-status="urgent"]{color:#b91c1c}.price-stale-indicator[data-status="stale"]{color:#b45309}.price-warning-icon{color:#dc2626;font-weight:700;margin-left:4px;display:inline-flex}.station-distance-badge{background:rgba(30,60,114,0.08);color:var(--text-secondary);padding:4px 10px;border-radius:999px;font-size:0.8em;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}#loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.7);color:white;padding:15px 30px;border-radius:5px;z-index:10000;font-size:1.2em;display:none}#loader.visible{display:block}#api-error{color:red;text-align:center;padding:5px;background-color:#ffe0e0;border-bottom:1px solid red}#api-error:empty{display:none}.leaflet-popup-content-wrapper{border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,0.25);padding:12px 14px 14px;max-width:min(380px,calc(100vw - 32px));width:auto;box-sizing:border-box}.leaflet-popup-content{margin:0;font-size:0.95em;line-height:1.4;min-width:0;max-width:none;width:100%;padding:0;display:flex;justify-content:center;box-sizing:border-box}.popup-container{overflow-y:auto;width:100%;max-width:352px;margin:0 auto;box-sizing:border-box;padding:0;-webkit-overflow-scrolling:touch}.leaflet-popup-content .popup-container{padding:4px 4px 8px}.popup-header{padding:12px 15px;background-color:var(--light-bg);border-bottom:1px solid var(--border-color)}.popup-header h3{margin:0;font-size:1.1em;color:var(--primary-color);font-weight:600}.popup-header .brand-info{font-size:0.9em;color:var(--text-secondary);margin-top:2px}.popup-body{padding:12px 15px}.popup-address{margin-bottom:10px;color:var(--text-primary);font-size:0.9em}.popup-amenities{margin:10px 0;padding:8px;background-color:var(--light-bg);border-radius:4px;font-size:0.85em}.popup-amenities strong{display:block;margin-bottom:4px;color:var(--primary-color)}.popup-prices{margin:12px 0}.popup-prices h3{margin:0 0 8px 0;font-size:0.95em;color:var(--primary-color);font-weight:600}.price-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0}.price-item:last-child{border-bottom:none}.price-fuel-type{font-weight:500;color:var(--text-primary)}.price-value{font-weight:600;font-size:1.05em}.price-value.good-price{color:var(--success-color)}.price-value.medium-price{color:#fd7e14}.price-value.high-price{color:var(--danger-color)}.price-value-muted{color:#475569 !important}.price-age{font-size:0.75em;color:var(--text-secondary);font-style:italic}.price-age-urgent{color:#b91c1c;font-weight:700;font-style:normal}.price-age-stale{color:#b45309;font-weight:600;font-style:normal}.mobile-toggle-buttons{display:none;background-color:#fff;padding:10px;text-align:center;border-top:2px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:1000}.toggle-btn{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:8px 24px;margin:0 5px;border-radius:25px;font-size:1em;font-weight:600;cursor:pointer;transition:all 0.3s ease}.toggle-btn.active{background-color:var(--primary-color);color:white}.toggle-btn:hover:not(.active){background-color:rgba(30,60,114,0.1)}@media (max-width:768px){.list-sticky-header{display:flex;align-items:center;padding:8px 12px;gap:8px;background:#fff}#list-search-container{padding:0 !important;margin:0 !important;flex:1}#search-list-input{padding:8px 12px !important;font-size:0.95em !important;height:40px}#list-controls{padding:0 !important;margin:0 !important;border:none !important;width:auto}#list-controls h2{display:none !important}#sort-select{padding:0 28px 0 10px !important;font-size:0.9em !important;height:40px;width:auto;background-position:right 6px center !important}html,body{height:100%;height:100dvh;overflow:hidden;padding-bottom:0}h1{font-size:1.4em;padding:12px 0;flex-shrink:0}.mobile-toggle-buttons{display:flex;position:fixed;bottom:0;left:0;width:100%;justify-content:center;gap:12px;padding:12px 16px;border-top:2px solid var(--border-color);border-bottom:none;box-shadow:0 -4px 12px rgba(0,0,0,0.1);z-index:1200;box-sizing:border-box;height:70px;background-color:#fff}#brand-filter{position:static}.container{flex-direction:column;display:flex;flex:1;height:auto;min-height:0;padding-bottom:70px;overflow:hidden}#map,.sidebar{width:100%;height:100%;border-right:none;display:none}.container:not(.show-list) #map,.container.show-map #map{display:block;flex:1}.container.show-list .sidebar{display:flex;flex:1;background:#fff;flex-direction:column;overflow:hidden}.container.show-list #station-list{overflow-y:auto;-webkit-overflow-scrolling:touch;flex-grow:1;height:auto}#list-view li{padding:18px 12px;margin-bottom:8px}input[type="checkbox"]{width:22px;height:22px;margin-right:12px}#brand-checkboxes label{padding:8px 10px;margin-bottom:10px}.form-group button[type="submit"]{padding:16px 24px;font-size:1.2em}#locate-me-btn{width:34px;height:34px;padding:0;top:75px}#locate-me-btn img{width:18px;height:18px}.map-legend{top:10px !important;bottom:auto !important;right:10px !important;font-size:0.8em;padding:8px 12px !important;height:auto !important;max-height:none !important;overflow:visible !important;display:inline-block !important;width:auto !important}.popup-container{max-height:calc(100dvh - 215px)}.modal-content{width:95%;max-width:none;margin:20px;max-height:90dvh;overflow-y:auto}.form-group input[type="number"],.form-group select{padding:14px;font-size:1.1em}#search-list-input{padding:12px 16px;font-size:1em}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;backdrop-filter:blur(2px)}.modal-overlay.visible{opacity:1;visibility:visible}.modal-content{background-color:#fff;padding:var(--spacing-xl);border-radius:16px;box-shadow:var(--shadow-lg);width:90%;max-width:400px;position:relative;transform:translateY(20px);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.modal-overlay.visible .modal-content{transform:translateY(0)}.modal-close-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--light-bg);border:none;font-size:1.5em;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transition:all 0.2s}.modal-close-btn:hover{background-color:#e2e8f0;color:var(--text-primary)}.modal-content h2{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.5em;color:var(--primary-color);text-align:left}.modal-subtitle{margin-bottom:var(--spacing-lg);color:var(--text-secondary);font-size:0.95em;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--text-primary);font-size:0.9em}.form-group input[type="text"],.form-group select{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;box-sizing:border-box;font-size:1.1em;transition:border-color 0.2s,box-shadow 0.2s;background-color:#fff;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:1.5em 1.5em;padding-right:45px}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px rgba(30,60,114,0.1)}.form-hint{display:block;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:0.8em}.form-actions{margin-top:var(--spacing-xl)}.form-actions button[type="submit"]{width:100%;padding:14px 24px;background:var(--primary-color);color:white;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all 0.2s;box-shadow:0 4px 12px rgba(30,60,114,0.2)}.form-actions button[type="submit"]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,60,114,0.3)}.form-actions button[type="submit"]:active{transform:translateY(0)}.form-actions button[type="submit"]:disabled{background:#cbd5e1;cursor:not-allowed;box-shadow:none;transform:none}.feedback-message{margin-top:var(--spacing-md);padding:12px;border-radius:8px;font-size:0.9em;text-align:center;display:none}.feedback-message.visible{display:block}.feedback-message.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.feedback-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.toast-container{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;width:90%;max-width:350px;pointer-events:none}.toast{background:#333;color:#fff;padding:12px 20px;border-radius:12px;font-size:0.95em;font-weight:500;box-shadow:0 10px 25px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;transform:translateY(20px);transition:all 0.3s cubic-bezier(0.34,1.56,0.64,1);pointer-events:auto}.toast.visible{opacity:1;transform:translateY(0)}.toast.success{background:#10b981}.toast.error{background:#ef4444}.hidden{display:none !important}:root{--primary-color:#1e3c72;--primary-dark:#16304f;--secondary-color:#FFC107;--success-color:#28a745;--danger-color:#dc3545;--light-bg:#f8f9fa;--border-color:#e9ecef;--text-primary:#2c3e50;--text-secondary:#6c757d;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--spacing-4xl:80px}html{scroll-behavior:smooth;min-height:100%;overflow:hidden;overscroll-behavior:none;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;margin:0;padding:0;background-color:#f7f8fa;display:flex;flex-direction:column;width:100%;min-height:100%;min-height:100dvh;color:#2c3e50;overflow:hidden;overscroll-behavior:none}.leaflet-control-zoom{transition:opacity 0.3s ease,visibility 0.3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ced4da}input[type="checkbox"]{width:18px;height:18px;cursor:pointer;margin-right:10px;accent-color:var(--primary-color)}.price-age{font-size:0.8em;color:var(--text-secondary);font-style:italic}#loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(255,255,255,0.95);color:var(--primary-color);padding:20px 40px;border-radius:12px;z-index:10000;font-size:1.1em;display:none;box-shadow:var(--shadow-lg);font-weight:500}.custom-price-marker{background:transparent;border:none}.marker-pin{width:30px;height:30px;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.marker-pin.has-price{width:auto;min-width:48px;height:28px;border-radius:14px;padding:0 8px;background:#333}.marker-text{color:white;font-size:0.85rem;font-weight:700;letter-spacing:-0.2px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.marker-icon{color:white;font-size:1.1rem}.marker-pin::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #333;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.marker-pin:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,0.4);z-index:1000}.marker-pin.green{background:linear-gradient(180deg,#28a745 0%,#218838 100%)}.marker-pin.green::after{border-top-color:#218838}.marker-pin.orange{background:linear-gradient(180deg,#fd7e14 0%,#dc6502 100%)}.marker-pin.orange::after{border-top-color:#dc6502}.marker-pin.red{background:linear-gradient(180deg,#dc3545 0%,#c82333 100%)}.marker-pin.red::after{border-top-color:#c82333}.marker-pin.blue{background:linear-gradient(180deg,#3498db 0%,#2980b9 100%)}.marker-pin.blue::after{border-top-color:#2980b9}.marker-pin.gray{background:linear-gradient(180deg,#6c757d 0%,#545b62 100%)}.marker-pin.gray::after{border-top-color:#545b62}.list-summary-text{background:#e8f4fc;border-left:4px solid #3498db;padding:12px 15px;margin:0 0 15px 0;font-size:0.95rem;color:#2c3e50;line-height:1.5;border-radius:4px}.list-summary-text strong{font-weight:600}.marker-cluster-small{background-color:rgba(40,167,69,0.6)}.marker-cluster-small div{background-color:rgba(40,167,69,0.8)}.marker-cluster-medium{background-color:rgba(253,126,20,0.6)}.marker-cluster-medium div{background-color:rgba(253,126,20,0.8)}.marker-cluster-large{background-color:rgba(220,53,69,0.6)}.marker-cluster-large div{background-color:rgba(220,53,69,0.8)}.map-legend{position:absolute;bottom:20px;right:10px;background:white;border-radius:8px;padding:0;box-shadow:var(--shadow-md);z-index:1000;font-size:0.9em;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);overflow:hidden;min-width:140px;transform-origin:bottom right}.map-legend.collapsed{min-width:0;width:36px;height:36px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center}.legend-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;background:white;user-select:none;width:100%;box-sizing:border-box}.map-legend.collapsed .legend-header{padding:0;justify-content:center;height:100%}.legend-header:hover{background-color:#f8f9fa}.legend-header h2{margin:0;font-size:1em;font-weight:600;color:var(--primary-color)}.legend-toggle-icon{font-size:0.8em;color:var(--text-secondary);transition:transform 0.2s}.map-legend.collapsed .legend-header h2,.map-legend.collapsed .legend-toggle-icon{display:none}.legend-minimized-text{display:none;font-weight:700;color:var(--primary-color);font-size:1.1em}.map-legend.collapsed .legend-minimized-text{display:block}.legend-body{padding:0 12px 10px 12px;display:block;opacity:1;transition:opacity 0.2s}.map-legend.collapsed .legend-body{display:none;opacity:0}.legend-meta{margin:0 0 10px 0;font-size:0.8em;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;margin-bottom:5px}.legend-item:last-child{margin-bottom:0}.legend-color{width:20px;height:20px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-right:10px;display:inline-block}.legend-color.green{background:linear-gradient(135deg,#28a745 0%,#218838 100%)}.legend-color.orange{background:linear-gradient(135deg,#fd7e14 0%,#dc6502 100%)}.legend-color.red{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%)}.legend-color.blue{background:linear-gradient(135deg,#2b6cb0 0%,#2c5282 100%)}.legend-color.gray{background:linear-gradient(135deg,#6c757d 0%,#545b62 100%)}@media (max-width:600px){.desktop-only{display:none}header{justify-content:space-between;padding:8px 16px;min-height:50px;box-sizing:border-box}h1{font-size:1.15rem !important;text-align:left !important;padding:0 !important;padding-left:40px !important;padding-right:80px !important;margin:0;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.header-controls{gap:8px}#about-btn{display:flex !important}}.seo-intro-text{padding:12px 15px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:0.9em;color:var(--text-secondary);line-height:1.5}@media (max-width:768px){.seo-intro-text{display:none}}.seo-intro-text p{margin:0}.list-sticky-header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out}.list-sticky-header.header-hidden{transform:translateY(-100%)}.station-card-right-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.user-location-marker{background-color:#4285F4;border:2px solid white;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,0.3);width:14px !important;height:14px !important;position:relative;box-sizing:border-box}.user-location-marker::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:rgba(66,133,244,0.3);border-radius:50%;animation:pulse-ring 2s infinite;z-index:-1}@keyframes pulse-ring{0%{transform:translate(-50%,-50%) scale(0.5);opacity:1}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}#filter-bar{background:white;border-bottom:1px solid #e9ecef;padding:10px 0;flex-shrink:0;z-index:900;box-shadow:0 2px 4px rgba(0,0,0,0.02);position:relative !important}.chips-scroll-container{display:flex;gap:8px;overflow-x:auto;padding:0 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips-scroll-container::-webkit-scrollbar{display:none}.fuel-chip{flex-shrink:0;padding:8px 16px;border-radius:999px;background:#f3f4f6;color:#4b5563;font-size:0.9em;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all 0.2s ease;white-space:nowrap}.fuel-chip:hover{background:#e5e7eb}.fuel-chip.active{background:#1e3c72;color:white;box-shadow:0 2px 6px rgba(30,60,114,0.2)}@-moz-document url-prefix(){.marker-pin::after{filter:none}}