:root{--primary-color:#0077b6;--accent-color:#00b4d8;--text-color:#333;--bg-glass:#ffffffe6}body,html{height:100%;margin:0;padding:0;font-family:Zen Kaku Gothic New,sans-serif}#map{z-index:1;width:100%;height:100vh}.leaflet-popup-content-wrapper{background:var(--bg-glass);-webkit-backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 8px 32px #1f26875e}.leaflet-popup-tip{background:var(--bg-glass)}.leaflet-popup-content{width:280px!important;margin:0!important}.popup-card{flex-direction:column;display:flex}.popup-image{object-fit:cover;border-bottom:3px solid var(--accent-color);width:100%;height:160px}.popup-info{padding:16px}.popup-title{color:var(--primary-color);border-bottom:1px solid #eee;margin:0 0 8px;padding-bottom:8px;font-size:1.2rem;font-weight:700}.popup-desc{color:var(--text-color);margin-bottom:12px;font-size:.9rem;line-height:1.5}.popup-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;text-align:center;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 6px #0000001a}.popup-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.water-drop-icon{filter:drop-shadow(0 4px 6px #0000004d);transition:transform .2s}.water-drop-icon:hover{transform:scale(1.1)translateY(-5px)}