@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg:#0d120f;--bg-elevated:#141b17;--bg-card-solid:#18211c;--bg-card-hover:#202b25;--border:#ebf4ed17;--border-light:#ebf4ed26;--text:#f5f7f1;--text-secondary:#b8c4bb;--text-muted:#78867c;--green:#4cda91;--green-strong:#22a969;--green-dim:#4cda9124;--yellow:#ffad5c;--yellow-dim:#ffad5c24;--red:#ff7d74;--red-dim:#ff7d7421;--blue:#4cda91;--blue-dim:#4cda911f;--purple:#ffad5c;--orange:#ff8a3d;--orange-dim:#ff8a3d21;--hover-bg:#ebf4ed0e;--active-bg:#ebf4ed1a;--map-bg:#0d120f;--radius:18px;--radius-sm:12px;--shadow:0 12px 30px #0309053d;--shadow-lg:0 22px 60px #03090557;--sidebar-width:416px}[data-theme=light]{--bg:#edf1e9;--bg-elevated:#f7f8f3;--bg-card-solid:#fffefa;--bg-card-hover:#f5f7f0;--border:#223a2a1a;--border-light:#223a2a29;--text:#18241d;--text-secondary:#46584c;--text-muted:#718078;--green:#087f52;--green-strong:#066b45;--green-dim:#087f521a;--yellow:#b65f12;--yellow-dim:#b65f121a;--red:#c43e39;--red-dim:#c43e3917;--blue:#087f52;--blue-dim:#087f5217;--purple:#d86f24;--orange:#d86f24;--orange-dim:#d86f241a;--hover-bg:#223a2a0b;--active-bg:#223a2a14;--map-bg:#dfe8de;--shadow:0 12px 30px #1c36241c;--shadow-lg:0 22px 56px #1c362429}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{flex-direction:row;height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-card-solid);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;display:flex}.header-brand{align-items:center;gap:10px;min-width:0;display:flex}.header-logo-img{object-fit:contain;flex-shrink:0;width:34px;height:34px}.header-title-group{flex-direction:column;min-width:0;display:flex}.sidebar-header h1{letter-spacing:-.3px;color:var(--text);white-space:nowrap;font-size:15px;font-weight:700;line-height:1.2}.header-by{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:9px;font-weight:600}.header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.lang-selector{background:var(--hover-bg);border-radius:7px;gap:2px;padding:2px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;letter-spacing:.3px;background:0 0;border:none;border-radius:5px;padding:4px 7px;font-family:inherit;font-size:10px;font-weight:700;transition:all .15s}.lang-btn:hover{color:var(--text-secondary)}.lang-btn.active{background:var(--active-bg);color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--hover-bg);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--active-bg)}.sidebar-toggle-btn{border:1px solid var(--border);background:var(--hover-bg);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{background:var(--active-bg);color:var(--text)}.sidebar-fuel{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 14px}.fuel-selector{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);gap:3px;padding:3px;display:flex}.fuel-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;letter-spacing:.2px;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:6px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.fuel-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.fuel-btn.active{background:linear-gradient(135deg,var(--blue),#818cf8);color:#fff;box-shadow:0 2px 8px #60a5fa4d}[data-theme=light] .fuel-btn.active{background:linear-gradient(135deg,#2563eb,#4f46e5)}.sidebar-radius{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:8px 14px;display:flex}.radius-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:11px;font-weight:600}.radius-selector{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);flex:1;gap:3px;padding:3px;display:flex}.radius-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:7px;flex:1;padding:5px 0;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.radius-btn:hover{color:var(--text-secondary);background:var(--hover-bg)}.radius-btn.active{background:var(--active-bg);color:var(--text)}.stats-bar{background:var(--bg-card-solid);color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0;gap:4px;padding:8px 14px;font-size:10px;display:flex}.stat{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 0;font-weight:500;display:flex}.stat.stat-cheap{background:var(--green-dim);color:var(--green)}.stat.stat-mid{background:var(--yellow-dim);color:var(--yellow)}.stat.stat-expensive{background:var(--red-dim);color:var(--red)}.stat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.stat-dot.green{background:var(--green)}.stat-dot.yellow{background:var(--yellow)}.stat-dot.red{background:var(--red)}.history-toggle{color:var(--text-secondary);cursor:pointer;border:none;border-bottom:1px solid var(--border);text-align:left;background:0 0;flex-shrink:0;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.history-toggle:hover{background:var(--hover-bg)}.history-arrow{color:var(--text-muted);margin-left:auto;font-size:10px}.stats-section{border-bottom:1px solid var(--border);flex-shrink:0;max-height:340px;padding:12px 14px;overflow-y:auto}.stats-section-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.stats-section-header h3{color:var(--text-secondary);font-size:12px;font-weight:600}.stats-section-sub{color:var(--text-muted);font-size:10px}.stats-section-sub strong{color:var(--text)}.brand-list{flex-direction:column;gap:6px;display:flex}.brand-row{align-items:center;gap:8px;display:flex}.brand-rank-col{flex-shrink:0}.brand-rank{background:var(--hover-bg);width:20px;height:20px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex}.brand-rank-top{background:var(--green-dim);color:var(--green)}.brand-info-col{flex:1;min-width:0}.brand-name-row{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:3px;display:flex}.brand-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.brand-count{color:var(--text-muted);flex-shrink:0;font-size:9px}.brand-bar-track{background:var(--hover-bg);border-radius:2px;height:4px;overflow:hidden}.brand-bar-fill{border-radius:2px;height:100%;transition:width .4s}.bar-cheap{background:var(--green)}.bar-mid{background:var(--yellow)}.bar-expensive{background:var(--red)}.brand-price-col{flex-direction:column;flex-shrink:0;align-items:flex-end;min-width:56px;display:flex}.brand-price{font-variant-numeric:tabular-nums;letter-spacing:-.3px;font-size:12px;font-weight:800}.brand-price.cheap{color:var(--green)}.brand-price.mid{color:var(--yellow)}.brand-price.expensive{color:var(--red)}.brand-diff{font-variant-numeric:tabular-nums;font-size:9px;font-weight:600}.diff-cheap{color:var(--green)}.diff-mid{color:var(--text-muted)}.diff-expensive{color:var(--red)}.history-empty{color:var(--text-muted);text-align:center;background:var(--hover-bg);border-radius:8px;padding:12px;font-size:11px}.sidebar-list-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sidebar-list-header h2{color:var(--text-secondary);font-size:12px;font-weight:600}.panel-count{color:var(--text-muted);background:var(--hover-bg);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}.sidebar-list{flex:1;padding:4px 0;overflow-y:auto}.station-item{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;margin:1px 6px;padding:9px 10px;transition:all .15s;display:flex}.station-item:hover{background:var(--hover-bg)}.station-item:active{background:var(--active-bg);transform:scale(.99)}.station-item-active{border-color:#60a5fa33;background:var(--blue-dim)!important}.station-rank{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.station-rank.rank-top{background:var(--green-dim);color:var(--green)}.station-rank.rank-normal{background:var(--hover-bg);color:var(--text-muted)}.station-price-col{flex-direction:column;align-items:flex-end;min-width:68px;display:flex}.station-price{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.station-price.cheap{color:var(--green)}.station-price.mid{color:var(--yellow)}.station-price.expensive{color:var(--red)}.price-unit{color:var(--text-muted);letter-spacing:.3px;font-size:9px;font-weight:500}.station-info{flex:1;min-width:0}.station-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.station-address{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.station-distance{color:var(--text-secondary);white-space:nowrap;background:var(--hover-bg);border-radius:6px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.search-wrapper{border-bottom:1px solid var(--border);z-index:1001;flex-shrink:0;padding:10px 14px;position:relative}.search-box{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius);align-items:center;gap:8px;height:40px;padding:0 12px;transition:all .25s;display:flex}.search-box:focus-within{background:var(--bg-elevated);border-color:#60a5fa66;box-shadow:0 0 0 3px #60a5fa14}.search-icon{color:var(--text-muted);flex-shrink:0;display:flex}.search-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:400}.search-input::placeholder{color:var(--text-muted)}.search-clear{background:var(--hover-bg);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;transition:all .15s;display:flex}.search-clear:hover{background:var(--active-bg);color:var(--text)}.search-spinner{border:2px solid var(--border-light);border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.search-dropdown{background:var(--bg-card-solid);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:300px;position:absolute;top:calc(100% + 4px);left:14px;right:14px;overflow:hidden auto}.search-result{cursor:pointer;border-bottom:1px solid var(--border);width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border-top:0;border-left:0;border-right:0;align-items:center;gap:10px;padding:9px 12px;transition:background .15s;display:flex}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--hover-bg)}.search-result-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.search-result-icon.station-icon{background:var(--green-dim)}.search-result-icon.location-icon{background:var(--blue-dim)}.search-result-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.search-result-text{flex:1;min-width:0}.search-result-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.search-result-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:10px;overflow:hidden}.map-area{flex:1;min-width:0;position:relative}.map-container{position:absolute;inset:0}.map-container .leaflet-container{background:var(--map-bg);width:100%;height:100%}.map-controls{z-index:1000;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:24px;right:16px}.map-btn{background:var(--bg-card-solid);border:1px solid var(--border-light);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.map-btn:hover{background:var(--bg-card-hover);transform:scale(1.05)}.map-btn:active{transform:scale(.95)}.desktop-only{display:flex}.mobile-top-bar,.bottom-sheet{display:none}.loading-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);background:#050508d9;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}[data-theme=light] .loading-overlay{background:#f5f5f7d9}.spinner{border:3px solid var(--border);border-top-color:var(--blue);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:13px;font-weight:500}.popup-content{color:#1a1a2e;min-width:220px;font-family:Inter,sans-serif}.popup-content h3{margin-bottom:2px;font-size:14px;font-weight:700}.popup-content .popup-address{color:#6b7280;margin-bottom:10px;font-size:11px;line-height:1.4}.popup-price-row{align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.popup-content .popup-price{letter-spacing:-.5px;font-size:22px;font-weight:800}.popup-content .popup-price.cheap{color:#059669}.popup-content .popup-price.mid{color:#d97706}.popup-content .popup-price.expensive{color:#dc2626}.popup-content .popup-price-unit{color:#9ca3af;font-size:12px;font-weight:500}.popup-content .popup-schedule{color:#9ca3af;background:#f3f4f6;border-radius:6px;margin-bottom:8px;padding:4px 8px;font-size:10px;line-height:1.4}.popup-content .popup-nav{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;align-items:center;gap:4px;margin-top:4px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.popup-content .popup-nav:hover{transform:scale(1.03)}.sidebar-brand-filter{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:10px;padding:8px 14px;display:flex}.sidebar-brand-filter .radius-label{padding-top:6px}.brand-chips{flex-wrap:wrap;gap:4px;max-height:70px;display:flex;overflow-y:auto}.brand-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.brand-chip:hover{color:var(--text-secondary);background:var(--hover-bg)}.brand-chip.active{background:var(--blue-dim);color:var(--blue);border-color:#60a5fa4d}.station-name-row{align-items:center;gap:4px;display:flex}.station-name-row .station-name{flex:1;min-width:0}.fav-btn{cursor:pointer;color:var(--text-muted);opacity:.5;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:14px;line-height:1;transition:all .15s}.station-item:hover .fav-btn{opacity:1}.fav-btn.fav-active{color:#f59e0b;opacity:1}.fav-btn:hover{opacity:1;transform:scale(1.2)}.fav-filter-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.fav-filter-btn:hover{background:var(--hover-bg)}.fav-filter-btn.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.fav-count{font-size:10px;font-weight:700}.list-header-actions{align-items:center;gap:6px;display:flex}.price-change{font-variant-numeric:tabular-nums;letter-spacing:-.2px;font-size:9px;font-weight:700}.price-up{color:var(--red)}.price-down{color:var(--green)}.station-savings{margin-top:2px;font-size:9px;font-weight:600;line-height:1.3}.savings-cheap{color:var(--green)}.savings-expensive{color:var(--red);opacity:.8}.popup-header{align-items:center;gap:6px;display:flex}.popup-header h3{flex:1}.popup-fav-star{color:#f59e0b;font-size:16px}.popup-savings{border-radius:6px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:600}.popup-savings-good{color:#059669;background:#05966914;border-radius:6px;padding:3px 8px;display:inline-block}.popup-savings-bad{color:#dc2626;background:#dc262614;border-radius:6px;padding:3px 8px;display:inline-block}.sheet-cheapest{color:var(--green);font-size:11px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:13px;font-weight:500}.sidebar-list::-webkit-scrollbar{width:4px}.search-dropdown::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-track{background:0 0}.search-dropdown::-webkit-scrollbar-track{background:0 0}.sidebar-list::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.search-dropdown::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:2px}.leaflet-tile-pane{filter:none}.leaflet-control-zoom{overflow:hidden;box-shadow:var(--shadow)!important;border:none!important;border-radius:10px!important}.leaflet-control-zoom a{background:var(--bg-card-solid)!important;color:var(--text)!important;border-color:var(--border)!important;width:36px!important;height:36px!important;font-size:16px!important;line-height:36px!important}.leaflet-control-zoom a:hover{background:var(--bg-card-hover)!important}.leaflet-control-attribution{color:var(--text-muted)!important;background:#05050899!important;border-radius:4px 0 0!important;padding:2px 6px!important;font-size:9px!important}[data-theme=light] .leaflet-control-attribution{background:#fffc!important}.leaflet-control-attribution a{color:var(--text-muted)!important}.leaflet-popup-content-wrapper{border-radius:14px!important;padding:0!important;box-shadow:0 8px 32px #00000026!important}.leaflet-popup-content{margin:14px!important}.leaflet-popup-tip{box-shadow:none!important}.app-mobile{width:100vw;height:100dvh;position:relative;overflow:hidden}.app-mobile .sidebar,.app-mobile .map-area{display:none!important}.app-mobile .mobile-map-fullscreen{z-index:1;display:block;position:fixed;inset:0}.app-mobile .mobile-map-fullscreen .leaflet-container{width:100%!important;height:100%!important}.app-mobile .leaflet-control-zoom{display:none!important}.app-mobile .m-search-bar{z-index:1100;padding-top:env(safe-area-inset-top,0px);display:block;position:fixed;top:0;left:0;right:0}.app-mobile .m-brand-row{align-items:center;gap:8px;padding:6px 14px 2px;display:flex}.app-mobile .m-brand-logo{object-fit:contain;width:24px;height:24px}.app-mobile .m-brand-text{flex-direction:column;display:flex}.app-mobile .m-brand-name{color:var(--text);letter-spacing:-.3px;font-size:13px;font-weight:700;line-height:1.2}.app-mobile .m-brand-by{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:8px;font-weight:600}.app-mobile .m-search-bar .search-wrapper{border-bottom:none;padding:4px 12px}.app-mobile .m-search-bar .search-box{box-shadow:var(--shadow-lg);background:var(--bg-card-solid);border:none;border-radius:22px;height:42px}.app-mobile .m-search-bar .search-dropdown{border-radius:16px;margin-top:4px}.app-mobile .m-fuel-pills{top:calc(86px + env(safe-area-inset-top,0px));z-index:1100;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;display:flex;position:fixed;left:12px;right:12px;overflow-x:auto}.app-mobile .m-fuel-pills::-webkit-scrollbar{display:none}.app-mobile .m-pill{background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow);border:none;border-radius:20px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.app-mobile .m-pill.active{background:linear-gradient(135deg,var(--blue),#818cf8);color:#fff;box-shadow:0 2px 12px #60a5fa66}[data-theme=light] .app-mobile .m-pill.active{background:linear-gradient(135deg,#2563eb,#4f46e5)}.app-mobile .m-pill-icon{padding:6px 10px}.app-mobile .m-filters-panel{top:calc(122px + env(safe-area-inset-top,0px));z-index:1100;background:var(--bg-card-solid);box-shadow:var(--shadow-lg);border-radius:16px;flex-direction:column;gap:10px;max-height:50vh;padding:12px;animation:.2s filterSlide;display:flex;position:fixed;left:12px;right:12px;overflow-y:auto}@keyframes filterSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-mobile .m-filters-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-mobile .m-filters-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;min-width:52px;font-size:11px;font-weight:700}.app-mobile .m-filters-options{flex-wrap:wrap;gap:4px;display:flex}.app-mobile .m-filters-brands{flex-wrap:wrap;gap:4px;max-height:80px;display:flex;overflow-y:auto}.app-mobile .m-pill-sm{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.app-mobile .m-pill-sm.active{background:var(--blue-dim);color:var(--blue);border-color:#60a5fa4d}.app-mobile .m-pill-sm.fav-toggle.active{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.app-mobile .m-map-controls{right:12px;bottom:calc(220px + env(safe-area-inset-bottom,0px));z-index:1050;flex-direction:column;gap:8px;display:flex;position:fixed}.app-mobile .m-map-btn{background:var(--bg-card-solid);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex}.app-mobile .m-map-btn:active{transform:scale(.9)}.app-mobile .m-cards-area{z-index:1100;padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.app-mobile .m-cards-info{justify-content:space-between;align-items:center;padding:4px 16px 6px;display:flex}.app-mobile .m-cards-count{color:var(--text);background:var(--bg-card-solid);box-shadow:var(--shadow);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.app-mobile .m-cards-cheapest{color:var(--green);background:var(--bg-card-solid);box-shadow:var(--shadow);border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700}.app-mobile .m-cards-scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:6px 16px 12px;display:flex;overflow-x:auto}.app-mobile .m-cards-scroll::-webkit-scrollbar{display:none}.app-mobile .m-card{background:var(--bg-card-solid);width:220px;box-shadow:var(--shadow-lg);scroll-snap-align:center;cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;gap:4px;padding:12px;transition:all .2s;display:flex}.app-mobile .m-card:active{transform:scale(.97)}.app-mobile .m-card-empty{width:280px;color:var(--text-muted);justify-content:center;align-items:center;min-height:100px;font-size:12px;display:flex}.app-mobile .m-card-top{align-items:center;gap:6px;display:flex}.app-mobile .m-card-rank{background:var(--hover-bg);width:22px;height:22px;color:var(--text-muted);border-radius:7px;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.app-mobile .m-card-rank.top{background:var(--green-dim);color:var(--green)}.app-mobile .m-card-price{letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.app-mobile .m-card-price.cheap{color:var(--green)}.app-mobile .m-card-price.mid{color:var(--yellow)}.app-mobile .m-card-price.expensive{color:var(--red)}.app-mobile .m-card-unit{color:var(--text-muted);font-size:10px;font-weight:500}.app-mobile .m-card-fav{color:var(--text-muted);cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto;padding:2px;font-size:18px;transition:all .15s}.app-mobile .m-card-fav.active{color:#f59e0b;opacity:1}.app-mobile .m-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.app-mobile .m-card-addr{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.app-mobile .m-card-bottom{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.app-mobile .m-card-dist{color:var(--text-secondary);background:var(--hover-bg);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:600}.app-mobile .m-card-extra{color:var(--red);font-size:10px;font-weight:700}.app-mobile .m-card-best{color:var(--green);background:var(--green-dim);text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:700}.app-mobile .m-card-change{font-variant-numeric:tabular-nums;font-size:9px;font-weight:700}.app-mobile .m-card-change.up{color:var(--red)}.app-mobile .m-card-change.down{color:var(--green)}.app-mobile .m-card-nav{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:10px;justify-content:center;align-items:center;margin-top:4px;padding:6px 0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.app-mobile .m-card-nav:active{transform:scale(.96)}.app-mobile .m-card-actions{gap:6px;margin-top:4px;display:flex}.app-mobile .m-card-actions .m-card-nav{flex:1;margin-top:0}.app-mobile .m-card-share{border:1px solid var(--border-light);background:var(--hover-bg);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex}.app-mobile .m-card-share:active{background:var(--active-bg);transform:scale(.9)}button,[role=button],a{-webkit-tap-highlight-color:transparent}button:focus-visible,[role=button]:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--green)55%,transparent);outline-offset:2px}.ui-icon{flex:none;display:block}.sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--orange)7%,transparent),transparent 128px),var(--bg-elevated);border-right-color:var(--border-light);box-shadow:18px 0 48px #10251714}.sidebar-header{border-bottom-color:var(--border);min-height:78px;padding:14px 16px}.header-brand{gap:12px}.header-logo-img{filter:drop-shadow(0 7px 12px #094c302e);width:44px;height:44px}.sidebar-header h1{letter-spacing:-.65px;font-size:19px;font-weight:800}.header-by{color:var(--green);letter-spacing:.7px;margin-top:3px;font-size:8px}.header-actions{gap:8px}.lang-selector{background:var(--hover-bg);border:1px solid var(--border);border-radius:10px;padding:3px}.lang-btn{border-radius:7px;min-width:30px;min-height:30px;padding:0 7px}.lang-btn.active{color:var(--green);background:var(--green-dim)}.theme-toggle,.sidebar-toggle-btn{width:36px;height:36px;color:var(--text-secondary);background:var(--bg-card-solid);border-radius:11px;box-shadow:0 4px 14px #142f1e14}.sidebar-closed{width:68px;min-width:68px}.sidebar-closed .sidebar-header{padding-inline:10px}.search-wrapper{border-bottom:none;padding:14px 16px 12px}.search-box{background:var(--bg-card-solid);border-color:var(--border-light);border-radius:15px;gap:11px;height:48px;padding-inline:15px;box-shadow:0 8px 24px #16342112}.search-box:focus-within{border-color:color-mix(in srgb,var(--green)48%,transparent);box-shadow:0 0 0 4px var(--green-dim),0 12px 28px #1634211a}.search-icon svg{width:18px;height:18px}.search-input{font-size:13px;font-weight:500}.search-clear{width:28px;height:28px}.search-dropdown{border-radius:16px;top:calc(100% - 4px);left:16px;right:16px}.search-result{min-height:52px;padding:10px 13px}.sidebar-fuel{border-bottom:none;padding:0 16px 12px}.fuel-selector,.radius-selector{border-color:var(--border);background:color-mix(in srgb,var(--bg)75%,transparent);gap:4px;padding:4px}.fuel-btn{border-radius:9px;min-height:34px}.fuel-btn.active,[data-theme=light] .fuel-btn.active{color:#fff;background:linear-gradient(135deg,var(--green-strong),var(--green));box-shadow:0 7px 16px color-mix(in srgb,var(--green)26%,transparent)}.sidebar-radius{border-bottom-color:var(--border);margin:0 16px;padding:9px 0}.radius-label{width:58px;color:var(--text-muted);letter-spacing:.9px;font-size:9px;font-weight:800}.radius-btn{border-radius:8px;min-height:31px}.radius-btn.active{color:var(--green);background:var(--green-dim)}.sidebar-brand-filter{border-bottom-color:var(--border);margin:0 16px;padding:10px 0 12px}.brand-chips{gap:6px;max-height:76px}.brand-chip{border-radius:9px;min-height:27px;padding:4px 10px}.brand-chip.active{color:var(--green);background:var(--green-dim);border-color:color-mix(in srgb,var(--green)28%,transparent)}.stats-bar{border-bottom-color:var(--border);background:0 0;gap:6px;padding:10px 16px}.stat{border-radius:9px;min-height:28px;font-size:9px;font-weight:700}.history-toggle{border-bottom-color:var(--border);min-height:44px;padding:10px 16px}.history-toggle.active{color:var(--green);background:var(--green-dim)}.history-arrow{align-items:center;display:flex}.sidebar-list-header{background:color-mix(in srgb,var(--bg-elevated)92%,transparent);border-bottom-color:var(--border);min-height:50px;padding:11px 16px}.sidebar-list-header h2{letter-spacing:-.1px;font-size:12px}.panel-count,.fav-filter-btn{border-radius:9px;min-height:28px}.sidebar-list{padding:8px}.station-item{background:color-mix(in srgb,var(--bg-card-solid)72%,transparent);border-color:var(--border);border-radius:14px;gap:10px;min-height:68px;margin:0 0 7px;padding:10px}.station-item:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:0 7px 18px #142f1e14}.station-item-active{border-color:color-mix(in srgb,var(--green)35%,transparent);box-shadow:inset 3px 0 0 var(--green);background:var(--green-dim)!important}.station-rank{border-radius:9px;width:28px;height:28px}.station-name{font-size:12px;font-weight:750}.station-address{margin-top:3px;font-size:9px}.station-price{font-size:17px}.station-distance{border-radius:8px;padding:4px 7px}.fav-btn{border-radius:8px;width:28px;height:28px;padding:0}.map-controls{border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)88%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;gap:8px;padding:6px;bottom:24px;right:18px}.map-btn{width:44px;height:44px;color:var(--text-secondary);box-shadow:none;background:0 0;border:none}.map-btn:hover{color:var(--green);background:var(--green-dim)}.leaflet-control-zoom{overflow:hidden;box-shadow:var(--shadow)!important;border-radius:14px!important;margin:18px!important}.leaflet-control-zoom a{width:42px!important;height:42px!important;line-height:42px!important}.app-mobile .m-search-bar{padding:calc(8px + env(safe-area-inset-top,0px))10px 0}.app-mobile .m-brand-row{border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;gap:7px;margin-left:4px;padding:5px 10px 5px 6px;display:inline-flex;box-shadow:0 8px 22px #0c28181f}.app-mobile .m-brand-logo{width:28px;height:28px}.app-mobile .m-brand-name{font-size:13px;font-weight:800}.app-mobile .m-brand-by{color:var(--green)}.app-mobile .m-search-bar .search-wrapper{padding:8px 2px 0}.app-mobile .m-search-bar .search-box{border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:17px;height:50px;box-shadow:0 14px 38px #0c28182e}.app-mobile .m-search-bar .search-input{font-size:16px}.app-mobile .m-fuel-pills{top:calc(108px + env(safe-area-inset-top,0px));gap:7px;padding:2px;left:10px;right:10px}.app-mobile .m-pill{border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)93%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;min-width:48px;min-height:44px;padding:0 14px;box-shadow:0 8px 22px #0c281824}.app-mobile .m-pill:not(.m-pill-icon){flex:1 1 0;min-width:0;padding-inline:6px}.app-mobile .m-pill.active,[data-theme=light] .app-mobile .m-pill.active{color:#fff;background:linear-gradient(135deg,var(--green-strong),var(--green));box-shadow:0 10px 24px color-mix(in srgb,var(--green)30%,transparent);border-color:#0000}.app-mobile .m-pill-icon{flex:0 0 44px;min-width:44px;padding:0}.app-mobile .m-filters-panel{top:calc(160px + env(safe-area-inset-top,0px));border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)96%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;gap:14px;padding:16px;left:10px;right:10px}.app-mobile .m-pill-sm{border-radius:10px;min-height:44px;padding-inline:12px}.app-mobile .m-pill-sm.active{color:var(--green);border-color:color-mix(in srgb,var(--green)30%,transparent);background:var(--green-dim)}.app-mobile .m-map-controls{right:12px;bottom:calc(250px + env(safe-area-inset-bottom,0px));border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;gap:6px;padding:5px;box-shadow:0 12px 34px #0c28182e}.app-mobile .m-map-btn{width:44px;height:44px;color:var(--text-secondary);box-shadow:none;background:0 0}.app-mobile .m-map-btn+.m-map-btn{border-top:1px solid var(--border)}.app-mobile .m-cards-info{padding:5px 14px 7px}.app-mobile .m-cards-count,.app-mobile .m-cards-cheapest{border:1px solid var(--border-light);background:color-mix(in srgb,var(--bg-card-solid)91%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;min-height:28px;padding-inline:11px;display:inline-flex}.app-mobile .m-cards-scroll{padding:6px 14px calc(14px + env(safe-area-inset-bottom,0px));gap:12px}.app-mobile .m-card{border:1px solid var(--border-light);background:linear-gradient(135deg,color-mix(in srgb,var(--green)6%,transparent),transparent 52%),var(--bg-card-solid);border-radius:20px;gap:6px;width:min(78vw,300px);min-height:188px;padding:15px;position:relative;overflow:hidden;box-shadow:0 18px 48px #0c281833}.app-mobile .m-card:before{content:"";background:var(--yellow);width:4px;position:absolute;inset:0 auto 0 0}.app-mobile .m-card.cheap:before{background:var(--green)}.app-mobile .m-card.expensive:before{background:var(--red)}.app-mobile .m-card-active{border-color:color-mix(in srgb,var(--green)55%,transparent);box-shadow:0 20px 54px #0c502d40}.app-mobile .m-card-rank{border-radius:9px;width:28px;height:28px}.app-mobile .m-card-price{letter-spacing:-1px;font-size:27px}.app-mobile .m-card-fav{border-radius:10px;width:44px;height:44px;padding:0}.app-mobile .m-card-name{margin-top:2px;font-size:13px;font-weight:750}.app-mobile .m-card-addr{font-size:10px}.app-mobile .m-card-nav{color:#fff;background:linear-gradient(135deg,var(--green-strong),var(--green));border-radius:12px;min-height:42px}.app-mobile .m-card-share{border-radius:12px;width:42px;height:42px}@media (max-width:360px){.app-mobile .m-pill{font-size:11px}.app-mobile .m-card{width:82vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}