@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:#050508;--bg-elevated:#0c0c12;--bg-card-solid:#10101a;--bg-card-hover:#181824e6;--border:#ffffff0f;--border-light:#ffffff1a;--text:#f0f0f5;--text-secondary:#b0b0c0;--text-muted:#6b6b80;--green:#34d399;--green-dim:#34d39926;--yellow:#fbbf24;--yellow-dim:#fbbf2426;--red:#f87171;--red-dim:#f8717126;--blue:#60a5fa;--blue-dim:#60a5fa1f;--purple:#a78bfa;--hover-bg:#ffffff0a;--active-bg:#ffffff14;--map-bg:#080812;--radius:14px;--radius-sm:10px;--shadow:0 8px 32px #0006;--shadow-lg:0 16px 48px #00000080;--sidebar-width:380px}[data-theme=light]{--bg:#f5f5f7;--bg-elevated:#fff;--bg-card-solid:#fff;--bg-card-hover:#f0f0f2;--border:#00000014;--border-light:#0000001f;--text:#1a1a2e;--text-secondary:#4a4a5e;--text-muted:#8888a0;--green:#059669;--green-dim:#0596691a;--yellow:#d97706;--yellow-dim:#d977061a;--red:#dc2626;--red-dim:#dc26261a;--blue:#2563eb;--blue-dim:#2563eb14;--purple:#7c3aed;--hover-bg:#00000008;--active-bg:#0000000f;--map-bg:#e8e8f0;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f}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-closed{width:56px;min-width:56px}.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-toggle.active{color:var(--blue);background:var(--blue-dim)}.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);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-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-active{border-color:var(--blue);box-shadow:0 4px 20px #60a5fa4d}.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)}