:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #3a3a3a;--bg-overlay: rgba(28, 28, 28, .95);--bg-overlay-light: rgba(28, 28, 28, .8);--bg-popup: rgba(0, 0, 0, .85);--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--text-bright: #f0f0f0;--text-white: #ffffff;--border-primary: #404040;--border-secondary: rgba(255, 255, 255, .15);--border-accent: rgba(255, 255, 255, .25);--accent-blue: #0084ff;--accent-blue-light: #40a0ff;--accent-green: #00aa00;--accent-green-bright: #00cc00;--shadow-dark: rgba(0, 0, 0, .5);--shadow-darker: rgba(0, 0, 0, .6)}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary)}#map{height:100vh;width:100vw}.map-title{position:absolute;top:10px;left:50%;transform:translate(-50%);background:var(--bg-overlay);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-weight:700;z-index:1000;box-shadow:0 4px 12px var(--shadow-dark);border:1px solid var(--border-primary);text-align:center}.map-navigation{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.map-link{color:var(--accent-blue);text-decoration:none;transition:color .3s ease;cursor:pointer}.map-link:hover{color:var(--accent-blue-light);text-decoration:underline}.map-link.current{color:var(--text-bright);font-weight:700;cursor:default;text-decoration:none}.map-link.current:hover{color:var(--text-bright)}.map-separator{color:var(--text-muted);-webkit-user-select:none;user-select:none}.leaflet-popup-content-wrapper{background-color:var(--bg-popup)!important;color:var(--text-primary)!important;border-radius:8px!important;box-shadow:0 4px 12px var(--shadow-darker)!important;border:1px solid var(--border-primary)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.leaflet-popup-tip{background-color:var(--bg-popup)!important;border:1px solid var(--border-primary)!important}.marker-popup{font-family:Arial,sans-serif;min-width:220px;color:var(--text-primary)}.marker-popup h4{margin:0 0 12px;color:var(--text-bright);font-size:16px;font-weight:700}.marker-description{margin:8px 0 12px;font-size:14px;color:var(--text-secondary);line-height:1.4;font-style:italic}.collection-status{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-accent);display:flex;align-items:center;justify-content:space-between;gap:12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-weight:700;color:var(--text-primary)!important;font-size:14px!important;transition:color .3s ease;flex:1 1 67%}.checkbox-label:hover{color:var(--text-bright)!important}.checkbox-label input[type=checkbox]{margin-right:8px;width:16px;height:16px;cursor:pointer;accent-color:var(--accent-green)}.checkbox-label input[type=checkbox]:checked{accent-color:var(--accent-green-bright)}.share-link-button{position:relative;flex:0 0 33%;display:inline-flex;align-items:center;justify-content:center;height:36px;min-width:64px;padding:0;border-radius:6px;border:1px solid var(--border-accent);background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.share-link-button:hover,.share-link-button:focus-visible{background-color:var(--bg-tertiary);border-color:var(--accent-green)}.share-link-button:focus-visible{outline:2px solid var(--accent-green-bright);outline-offset:2px}.share-link-button__icon{width:18px;height:18px;background-color:var(--text-primary);mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/link.svg) center / contain no-repeat;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/link.svg) center / contain no-repeat;transition:background-color .2s ease}.share-link-button:hover .share-link-button__icon,.share-link-button:focus-visible .share-link-button__icon{background-color:var(--text-bright)}.share-link-button__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;padding:4px 8px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-accent);border-radius:4px;white-space:nowrap;font-size:12px;box-shadow:0 4px 8px var(--shadow-dark);opacity:0;transform:translate(-50%,4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:10}.share-link-button:hover .share-link-button__tooltip,.share-link-button:focus-visible .share-link-button__tooltip{opacity:1;transform:translate(-50%)}.leaflet-control-zoom-in,.leaflet-control-zoom-out{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important}.leaflet-control-zoom-in:hover,.leaflet-control-zoom-out:hover{background-color:var(--bg-tertiary)!important;color:var(--text-white)!important}.leaflet-control-zoom{border:none!important;box-shadow:0 4px 12px var(--shadow-darker)!important}.leaflet-control-attribution{background-color:var(--bg-overlay-light)!important;color:var(--text-secondary)!important;border:1px solid var(--border-primary)!important}.leaflet-control-attribution a{color:var(--accent-blue)!important}.leaflet-control-attribution a:hover{color:var(--accent-blue-light)!important}.leaflet-control{background-color:var(--bg-secondary)!important;border:1px solid var(--border-primary)!important}.leaflet-container{background-color:var(--bg-primary)!important}#rec-badge{position:absolute;top:50%;right:0;transform:translateY(-50%);background-color:red;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px;display:none}.site-footer{position:fixed;bottom:0;left:0;right:0;background:#1a1a1af2;color:#e0e0e0;text-align:center;font-size:.75em;padding:4px 8px;border-top:1px solid #404040;z-index:999;line-height:1.2;white-space:nowrap}.site-footer a{color:#6bb6ff;text-decoration:none}.site-footer a:hover{text-decoration:underline}.notification-toast{position:fixed;top:120px;left:50%;transform:translate(-50%);background-color:#2e7d32e6;color:#fff;font-size:14px;font-weight:400;padding:10px 20px;border-radius:4px;box-shadow:0 2px 8px #0006;border:1px solid rgba(76,175,80,.5);z-index:1500;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.notification-toast--error{background-color:#c62828f2;border-color:#e57373b3}.notification-toast.show{opacity:1}.search-toggle-control__button{width:34px;height:34px;background:var(--bg-secondary);border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.search-toggle-control__button:hover,.search-toggle-control__button:focus{background:var(--bg-tertiary);color:var(--text-bright)}.hide-toggle-control__button[aria-pressed=true]{background:var(--bg-tertiary);color:var(--accent-green-bright)}.search-toggle-control__icon{width:18px;height:18px;display:block;pointer-events:none;background-color:currentColor;mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/search.svg) no-repeat center / contain;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/search.svg) no-repeat center / contain}.hide-toggle-control__icon{width:18px;height:18px;display:block;pointer-events:none;background-color:currentColor;mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/eye.svg) no-repeat center / contain;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/eye.svg) no-repeat center / contain}.hide-toggle-control__icon--hidden{mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/eye-off.svg) no-repeat center / contain;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/eye-off.svg) no-repeat center / contain}.filter-toggle-control__icon{width:18px;height:18px;display:block;pointer-events:none;background-color:currentColor;mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/filter.svg) no-repeat center / contain;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/filter.svg) no-repeat center / contain}.filter-pane{position:fixed;top:72px;left:72px;width:240px;max-height:calc(100vh - 96px);background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 10px 24px var(--shadow-dark);opacity:0;transform:translate(-8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:1200;display:none;flex-direction:column}.filter-pane[hidden]{display:none!important}.filter-pane--open{display:flex;opacity:1;transform:translate(0);pointer-events:auto}.filter-pane__actions{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--border-secondary)}.filter-pane__action-button{flex:1;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);font-size:13px;padding:6px 8px;cursor:pointer;transition:background .2s ease,color .2s ease}.filter-pane__action-button:hover,.filter-pane__action-button:focus{background:var(--bg-tertiary);color:var(--text-bright)}.filter-pane__action-button[aria-pressed=true]{background:var(--accent-blue);border-color:var(--accent-blue-light);color:var(--text-white)}.filter-pane__list{list-style:none;margin:0;padding:0;overflow-y:auto}.filter-pane__item{border-bottom:1px solid var(--border-secondary)}.filter-pane__item:last-child{border-bottom:none}.filter-pane__control{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;color:var(--text-primary);transition:background .2s ease}.filter-pane__control:hover,.filter-pane__control:focus-within{background:var(--bg-secondary)}.filter-pane__icon{width:18px;height:18px;border-radius:50%;transition:opacity .2s ease}.filter-pane__label{flex:1;font-size:14px}.filter-pane__checkbox{margin-left:auto;width:16px;height:16px;accent-color:var(--accent-blue)}.filter-pane__item--disabled .filter-pane__label{color:var(--text-muted)}.filter-pane__item--disabled .filter-pane__control{color:var(--text-secondary)}.filter-pane__label--disabled{color:var(--text-muted)}.filter-pane__live{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}@media (max-width: 720px){.filter-pane{top:64px;left:64px;width:200px}}.search-panel{position:fixed;top:16px;right:20px;width:320px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg-overlay);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 12px 24px #00000073;opacity:0;transform:translateY(calc(-100% - 24px));transition:transform .3s ease,opacity .3s ease;pointer-events:none;z-index:1200}.search-panel--open{opacity:1;transform:translateY(0);pointer-events:auto}.search-panel__header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-secondary)}.search-panel__input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:14px}.search-panel__input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #0084ff33}.search-panel__close{width:34px;height:34px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.search-panel__close .search-icon{width:18px;height:18px;display:block;pointer-events:none;background-color:currentColor;mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/close.svg) no-repeat center / contain;-webkit-mask:url(/daemonxmachina-titanicscion-interactive-map/assets/icons/close.svg) no-repeat center / contain}.search-panel__close:hover,.search-panel__close:focus{background:var(--bg-tertiary);color:var(--text-bright);border-color:var(--border-accent)}.search-panel__message{padding:10px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-secondary)}.search-panel__results{flex:1;margin:0;padding:8px 0;list-style:none;overflow-y:auto}.search-panel__result{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s ease}.search-panel__result:hover,.search-panel__result:focus{background:#ffffff0d}.search-panel__result-icon{width:30px;height:30px;border-radius:50%;flex-shrink:0;background-color:var(--text-primary);mask:none}.search-panel__result-name{color:var(--text-primary);font-size:14px;flex:1;line-height:1.4;word-break:break-word}@media (max-width: 720px){.search-panel{left:16px;right:16px;width:auto}.search-panel__result{padding:12px 16px}.search-panel__result-name{font-size:15px}}