*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{color:#1e293b;background:#f8fafc;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}#map{flex:1;position:relative;overflow:hidden}#map .mapboxgl-canvas{position:static}#map .mapboxgl-ctrl-bottom-right{bottom:10px;right:10px}#map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group{border:none;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}#map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group>button{width:44px;height:44px;transition:background .2s;border:none!important}#map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group>button:active{background:#f1f5f9}#map .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-group>button+button{border-top:1px solid #e2e8f0!important}#map .mapboxgl-ctrl-bottom-left{display:none}.filter-bar{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px 10px;pointer-events:none;background:linear-gradient(#f8fafcf2 60%,#f8fafc00);flex-direction:column;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}.filter-bar .fuel-pills,.filter-bar .distance-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;pointer-events:auto;gap:6px;display:flex;overflow-x:auto}.filter-bar .fuel-pills::-webkit-scrollbar{display:none}.filter-bar .distance-pills::-webkit-scrollbar{display:none}.filter-bar .pill{cursor:pointer;color:#64748b;background:#fff;border:none;border-radius:20px;flex-shrink:0;height:36px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}.filter-bar .pill:active{transform:scale(.96)}.filter-bar .pill.active{color:#fff;background:#0ea5e9;box-shadow:0 2px 8px #0ea5e966}.filter-bar .pill-distance{height:30px;padding:0 12px;font-size:12px;font-weight:500}.search-this-area{z-index:100;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:#0ea5e9;border:none;border-radius:22px;height:44px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:600;transition:background .2s,transform .2s;position:fixed;bottom:54px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000f}@media (width<=768px){.search-this-area{bottom:74px}}.search-this-area:active{background:#0284c7;transform:translate(-50%)scale(.97)}.mapboxgl-popup{z-index:10}.mapboxgl-popup .mapboxgl-popup-content{border-radius:10px;padding:0;overflow:hidden;box-shadow:0 10px 30px #0000001f,0 4px 8px #0000000f}.mapboxgl-popup .mapboxgl-popup-tip{border-top-color:#fff}.popup-card{padding:12px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.popup-card .popup-header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.popup-card .popup-rank{font-size:11px;font-weight:700}.popup-card .popup-gestore{flex:1;font-size:14px;font-weight:600}.popup-card .popup-prezzo{color:#1e293b;font-size:15px;font-weight:700}.popup-card .popup-meta{color:#64748b;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.popup-card .popup-comparison{flex-direction:column;gap:2px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.popup-card .popup-saving{color:#22c55e}.popup-card .popup-extra-cost{color:#ef4444}.popup-card .popup-updated{color:#64748b;margin-bottom:8px;font-size:11px}.popup-card .popup-badge{background:#f1f5f9;border-radius:3px;padding:0 5px;font-weight:500}.popup-card .popup-directions{text-align:center;color:#0ea5e9;border-top:1px solid #e2e8f0;margin:0 -14px;padding:8px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.popup-card .popup-directions:active{background:#0ea5e90f}