html,body{height:100%;margin:0;padding:0;overflow:hidden}body{color:#1f2937;box-sizing:border-box;background:#f5f7fa;flex-direction:column;height:100dvh;padding:12px;font-family:Arial,sans-serif;display:flex}h1{text-align:center;letter-spacing:.01em;flex-shrink:0;margin:0 0 6px}.meta{flex-shrink:0;margin:0 0 6px}#map{background:#e5e7eb;border:1px solid #d1d5db;border-radius:10px;flex:1;width:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.maplibregl-popup-content{background:#fffffff5;border-radius:14px;padding:0;overflow:hidden;box-shadow:0 16px 36px #0f172a29}.maplibregl-popup-tip{border-top-color:#fffffff5!important}.popup-card{color:#0f172a;min-width:220px;max-width:260px;padding:14px;font-size:13px;line-height:1.45}.popup-title-row{justify-content:flex-start;align-items:center;gap:8px;display:flex}.popup-title{margin-bottom:4px;font-size:15px;font-weight:700}.popup-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 0 2px #ffffffa6}.popup-subtitle{color:#64748b;margin-bottom:10px;font-size:12px}.popup-grid{gap:8px;display:grid}.popup-row{gap:2px;display:grid}.popup-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;font-size:11px;font-weight:700}.popup-value{color:#0f172a}.popup-address-line{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.popup-actions{flex-shrink:0;gap:6px;display:flex}.popup-copy-btn,.popup-route-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #94a3b847;border-radius:8px;justify-content:center;align-items:center;padding:6px 8px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;transition:background-color .18s,border-color .18s;display:inline-flex}.popup-copy-btn:hover,.popup-route-btn:hover{background:#fff;border-color:#64748b59}.popup-copy-btn.is-copied{color:#047857;background:#ecfdf5;border-color:#10b98147}.popup-prices{gap:6px;display:grid}.popup-price-item{background:#f8fafc;border-radius:8px;justify-content:space-between;gap:12px;padding:6px 8px;display:flex}.popup-price-type{color:#475569}.popup-price-value{color:#0f172a;font-weight:700}.popup-empty{color:#64748b;background:#f8fafc;border-radius:8px;padding:8px 10px;font-style:italic}.price-marker{color:#fff;text-align:center;user-select:none;background:#d94600;border:2px solid #fff;border-radius:999px;height:30px;padding:0 6px;font-size:12px;font-weight:700;line-height:26px;display:inline-block;box-shadow:0 3px 10px #00000047}.price-marker--na{background:#6b7280}#locateBtn,#bestStationBtn,#colorFilterBtn{z-index:10;backdrop-filter:blur(10px);color:#0f172a;cursor:pointer;background:#ffffffeb;border:1px solid #94a3b847;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .18s,transform .18s,box-shadow .18s;display:flex;position:absolute;right:12px;box-shadow:0 8px 18px #0f172a1f}#locateBtn[hidden],#bestStationBtn[hidden],#colorFilterBtn[hidden],#colorFilterPanel[hidden]{display:none!important}#locateBtn{top:12px}#bestStationBtn,#colorFilterBtn{top:58px}#map.has-best-station #colorFilterBtn{top:104px}#locateBtn:hover,#bestStationBtn:hover,#colorFilterBtn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #0f172a29}#locateBtn:disabled,#bestStationBtn:disabled{opacity:.6;cursor:default}.locate-btn__icon,.locate-btn__spinner{justify-content:center;align-items:center;display:flex}.locate-btn__spinner{border:2px solid #0f172a33;border-top-color:#0f172a;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite locate-spin;display:none}#locateBtn.is-loading .locate-btn__icon{display:none}#locateBtn.is-loading .locate-btn__spinner{display:flex}@keyframes locate-spin{to{transform:rotate(360deg)}}#colorFilterPanel{z-index:10;backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #94a3b83d;border-radius:14px;gap:12px;width:156px;padding:12px;display:grid;position:absolute;top:150px;right:12px;box-shadow:0 16px 36px #0f172a2e}#colorFilterPanel[hidden]{display:none}.filter-section{gap:8px;display:grid}.filter-section-title{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:700}.fuel-filter-list{flex-wrap:wrap;gap:6px;display:flex}.fuel-filter-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #94a3b83d;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;line-height:1;transition:background-color .18s,border-color .18s,color .18s}.fuel-filter-btn:hover{background:#fff}.fuel-filter-btn.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.color-filter-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.color-filter-option{cursor:pointer;justify-content:center;align-items:center;display:flex}.color-filter-option input{opacity:0;pointer-events:none;position:absolute}.color-filter-swatch{border:2px solid #0f172a1f;border-radius:50%;flex-shrink:0;width:26px;height:26px;transition:transform .15s,opacity .15s,border-color .15s,box-shadow .15s,filter .15s;box-shadow:inset 0 0 0 1px #fff6}.color-filter-option input:not(:checked)+.color-filter-swatch{opacity:.35;filter:saturate(.75);transform:scale(.88)}.color-filter-option input:checked+.color-filter-swatch{border-color:#ffffffe6;box-shadow:0 0 0 3px #ffffff8c}.user-location-marker{background:#2563eb;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 3px #2563eb59}
/*# sourceMappingURL=index.e48aed0f.css.map */