:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;height:100dvh;overflow:hidden}#root{width:100%;height:100%}.overlay-container{position:absolute;top:20px;left:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:none;width:320px}.glass-panel{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid rgba(255,255,255,.3);color:#1f2937;width:100%;box-sizing:border-box;pointer-events:auto}.glass-panel h1{font-size:1.25rem;font-weight:700;margin:0 0 .5rem}.glass-panel p{font-size:.875rem;margin:0;color:#4b5563}.stat-item{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.stat-value{font-weight:600;color:#2563eb}.maplibregl-popup-content{border-radius:12px!important;box-shadow:0 10px 15px -3px #0000001a!important;padding:0;overflow:hidden}.maplibregl-popup-close-button{font-size:20px;width:32px;height:32px;line-height:32px;border-radius:50%;background-color:#00000014;top:8px;right:8px;color:#444;z-index:10;transition:background-color .2s}.maplibregl-popup-close-button:hover{background-color:#00000026}.custom-popup{z-index:1000}.status-toggle{display:flex;background-color:#f1f5f9;border-radius:8px;padding:3px;border:1px solid #e5e7eb;margin-top:12px}.status-btn{flex:1;border:none;background:transparent;padding:8px 4px;font-size:.8rem;font-weight:500;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;text-align:center}.status-btn:hover{color:#1f2937;background-color:#ffffff80}.status-btn.active{background-color:#fff;box-shadow:0 1px 2px #0000001a;color:#1f2937;font-weight:600}.status-btn.active[data-value=visited]{color:#15803d}.status-btn.active[data-value=planned]{color:#b45309}.btn-export{width:100%;padding:8px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover{background-color:#e5e7eb;color:#111827}.btn-bulk{padding:6px 8px;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;flex:1;transition:all .2s}.btn-outline{background-color:transparent;border:1px solid #d1d5db;color:#4b5563}.btn-outline:hover{background-color:#f3f4f6;border-color:#9ca3af;color:#1f2937}.btn-primary{background-color:#2563eb;border:1px solid #2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8;border-color:#1d4ed8}.info-links-container{position:absolute;bottom:20px;left:20px;z-index:1000;width:auto!important;display:flex;align-items:center;gap:10px;padding:10px 16px}.info-link{background:none;border:none;padding:0;font-family:inherit;cursor:pointer;font-size:.9rem;font-weight:500;color:#4b5563;transition:color .2s}.info-link:hover{color:#2563eb}.separator{color:#9ca3af;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal-content{width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.5rem}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background-color:#f3f4f6;color:#1f2937}.modal-body{color:#4b5563;line-height:1.6}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb;padding:4px;z-index:50;min-width:120px}.dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#374151;font-size:.875rem;transition:background-color .2s}.dropdown-item:hover{background-color:#f3f4f6;color:#111827}.icon-btn{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{background-color:#0000000d;color:#1f2937}.planned-list-panel{margin-top:10px;transition:max-height .3s}.planned-list-panel:not(.collapsed){max-height:40vh;overflow-y:auto}.planned-list-panel.collapsed{max-height:auto;overflow-y:visible}@media (max-width: 768px){.overlay-container{width:calc(100% - 24px);max-width:400px;left:12px;top:12px}.glass-panel{padding:12px}.info-links-container{display:none!important}.planned-list-panel:not(.collapsed){max-height:30vh}}