*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}body{margin:0}.app{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.map-container{z-index:0;flex:1;width:100%;height:100%}.user-location-marker{background:0 0!important;border:none!important}.user-dot{background:#2563eb;border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:relative;box-shadow:0 0 0 2px #2563eb4d}.user-dot-pulse{background:#2563eb26;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;animation:2s ease-out infinite pulse;position:absolute;top:50%;left:50%}@keyframes pulse{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.location-status{z-index:1000;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);background:#000000bf;padding:10px 16px;font-size:14px;line-height:1.4;position:absolute;top:0;left:0;right:0}.location-status p{margin:0}.location-retry-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.location-retry-btn:hover{background:#f3f4f6}.location-retry-btn:active{background:#e5e7eb}.offline-indicator{z-index:1000;color:#fff;white-space:nowrap;background:#dc2626;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:500;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0000004d}.attraction-popup{font-size:14px;line-height:1.5}.attraction-popup__name{color:#1f2937;margin:0 0 6px;font-size:16px;font-weight:600}.attraction-popup__description{color:#4b5563;margin:0 0 8px}.attraction-popup__distance{color:#2563eb;margin:0 0 8px;font-size:15px;font-weight:600}.attraction-popup__link{color:#2563eb;padding:4px 0;font-size:13px;font-weight:500;text-decoration:none;display:inline-block}.attraction-popup__link:hover{text-decoration:underline}.leaflet-popup-content-wrapper{border-radius:12px!important;box-shadow:0 4px 20px #00000026!important}.leaflet-popup-content{min-width:200px;margin:12px 16px!important}.leaflet-popup-close-button{width:28px!important;height:28px!important;padding:4px!important;font-size:20px!important}.leaflet-control-zoom a{width:36px!important;height:36px!important;font-size:20px!important;line-height:36px!important}