.poi-marker{width:32px;height:32px;transition:transform .2s ease;position:relative;z-index:1;transform-origin:center center;pointer-events:auto;margin:0;padding:0}.poi-marker-hover,.poi-marker:hover{transform:scale(1.2);z-index:1000}.poi-marker-inner{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:white;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid white;transition:transform .2s ease,box-shadow .2s ease;position:relative;box-sizing:border-box}.poi-marker-icon{font-size:16px;line-height:1}.poi-marker-start .poi-marker-inner{background:#4caf50}.poi-marker-end .poi-marker-inner{background:#f44336}.poi-marker-road .poi-marker-inner{background:#2196f3}.poi-marker-scenic .poi-marker-inner{background:#ff9800}.poi-marker-coffee .poi-marker-inner{background:#795548}.poi-marker-park .poi-marker-inner{background:#8bc34a}.poi-marker-school .poi-marker-inner{background:#9c27b0}.poi-marker-nuclear .poi-marker-inner{background:#607d8b}.poi-marker-lighthouse .poi-marker-inner{background:#00bcd4}.poi-marker-beach .poi-marker-inner{background:#ffc107}.poi-marker-lake .poi-marker-inner{background:#03a9f4}.poi-marker.selected .poi-marker-inner{box-shadow:0 0 0 4px rgba(255,107,53,.3),0 2px 8px rgba(0,0,0,.3);transform:scale(1.1)}.maplibregl-popup-content{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:0;font-family:inherit}.maplibregl-popup-tip{border-top-color:white}.maplibregl-popup-close-button{font-size:18px;padding:8px;color:#666}.maplibregl-popup-close-button:hover{background-color:#f5f5f5;color:#333}.maplibregl-map{font-family:inherit}.maplibregl-ctrl-group{border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.maplibregl-ctrl-zoom-in,.maplibregl-ctrl-zoom-out{font-size:18px;line-height:26px;width:32px;height:32px}.maplibregl-ctrl-attrib{background:rgba(255,255,255,.8);border-radius:4px;font-size:11px}.poi-popup-container .maplibregl-popup-content{padding:0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);overflow:hidden}.poi-popup{min-width:240px;max-width:320px;padding:16px}.poi-popup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.poi-popup-title{color:#1f2937;font-size:16px;font-weight:600;line-height:1.3;flex:1;margin:0 8px 0 0}.poi-popup-type{font-size:11px;font-weight:500;text-transform:uppercase;padding:2px 6px;border-radius:4px;color:white;white-space:nowrap}.poi-type-start{background:#4caf50}.poi-type-end{background:#f44336}.poi-type-road{background:#2196f3}.poi-type-scenic{background:#ff9800}.poi-type-coffee{background:#795548}.poi-type-park{background:#8bc34a}.poi-type-school{background:#9c27b0}.poi-type-nuclear{background:#607d8b}.poi-type-lighthouse{background:#00bcd4}.poi-type-beach{background:#ffc107}.poi-type-lake{background:#03a9f4}.poi-popup-description{margin:0 0 12px;line-height:1.5;color:#4b5563;font-size:14px}.poi-popup-coordinates{padding-top:8px;border-top:1px solid #e5e7eb}.poi-popup-coordinates small{color:#6b7280;font-size:12px}.route-popup{padding:12px;min-width:200px}.route-popup h3{margin:0 0 8px;color:#1f2937;font-size:14px;font-weight:600}.route-popup .text-xs{color:#6b7280;font-size:12px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mr-2{margin-right:8px}.pt-2{padding-top:8px}.border-t{border-top:1px solid #e5e7eb}.bg-gray-100{background-color:#f3f4f6}.px-2{padding-left:8px;padding-right:8px}.py-1{padding-top:4px;padding-bottom:4px}.rounded{border-radius:4px}.text-xs{font-size:12px}.text-sm{font-size:14px}.font-semibold{font-weight:600}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.mt-1{margin-top:4px}.route-marker{position:relative;z-index:1000}.route-marker-inner{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;box-shadow:0 2px 8px rgba(0,0,0,.3);border:2px solid white;transition:all .2s ease}.route-marker-inner.primary{background:#2563eb;z-index:1001}.route-marker-inner.alternative{background:#9ca3af;opacity:.7;z-index:1000}.route-start-marker .route-marker-inner{background:#16a34a!important}.route-end-marker .route-marker-inner{background:#dc2626!important}.route-marker-text{font-size:14px;line-height:1;user-select:none}.route-marker:hover .route-marker-inner{box-shadow:0 4px 12px rgba(0,0,0,.4);transform:scale(1.1)}.navigation-route{cursor:pointer}.navigation-route:hover{opacity:1!important}@media (max-width:768px){.poi-marker{font-size:12px}.poi-popup-content{min-width:150px}.maplibregl-ctrl-zoom-in,.maplibregl-ctrl-zoom-out{width:30px;height:30px;line-height:30px;font-size:16px}.route-marker-inner{width:28px;height:28px;font-size:11px}.route-marker-text{font-size:12px}}