:root{--surface: #F7F1E5;--surface-alt: #EDE1CF;--surface-card: #FDF9F2;--primary: #1F7A8C;--primary-soft: #D4ECF0;--primary-strong: #0F5C6D;--primary-dark: #0A4A57;--accent: #D87A39;--accent-soft: #F1C49F;--color-background: var(--surface);--color-background-alt: var(--surface-alt);--color-card: var(--surface-card);--color-primary: var(--primary);--color-primary-hover: var(--primary-strong);--color-primary-light: var(--primary-soft);--color-primary-active: var(--primary-strong);--color-accent: var(--accent);--color-accent-light: var(--accent-soft);--color-accent-hover: #C66A30;--text-primary: var(--primary-strong);--text-secondary: var(--primary);--text-muted: #8B8680;--text-on-primary: var(--surface-card);--text-on-accent: var(--primary-strong);--text-on-surface: var(--primary-strong);--border-light: var(--surface-alt);--border-medium: #D8CDB8;--border-strong: var(--primary-soft);--border-primary: var(--primary);--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #0D8B63;--color-warning: var(--accent);--color-warning-light: var(--accent-soft);--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #C53030;--color-info: var(--primary);--color-info-light: var(--primary-soft);--opacity-disabled: .5;--opacity-muted: .7;--opacity-subtle: .8;--opacity-overlay: .9;--opacity-backdrop: .95;--glass-bg-light: rgba(255, 255, 255, .7);--glass-bg-medium: rgba(255, 255, 255, .6);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-bg-subtle: rgba(255, 255, 255, .5);--glass-blur-light: blur(10px);--glass-blur-medium: blur(15px);--glass-blur-strong: blur(20px);--glass-border-light: 1px solid rgba(255, 255, 255, .3);--glass-border-medium: 1px solid rgba(255, 255, 255, .35);--glass-border-strong: 1px solid rgba(255, 255, 255, .4);--glass-border-accent: 1px solid rgba(31, 122, 140, .3);--glass-shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--glass-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--glass-shadow-lg: 0 6px 16px rgba(0, 0, 0, .12);--glass-shadow-xl: 0 10px 30px rgba(0, 0, 0, .15);--glass-radius-sm: 10px;--glass-radius-md: 12px;--glass-radius-lg: 14px;--glass-radius-xl: 16px;--glass-radius-pill: 16px;--glass-focus-ring: 0 0 0 3px rgba(31, 122, 140, .1);--glass-focus-glow: 0 0 0 3px rgba(31, 122, 140, .15);--glass-polygon-general-fill: rgba(198, 219, 239, .25);--glass-polygon-general-fill-hover: rgba(198, 219, 239, .4);--glass-polygon-general-stroke: rgba(66, 146, 198, .8);--glass-polygon-general-stroke-hover: rgba(66, 146, 198, 1);--glass-polygon-general-glow: rgba(255, 255, 255, .5);--glass-polygon-general-glow-width: 6;--glass-polygon-general-inner-stroke: rgba(255, 255, 255, .4);--glass-polygon-admin-fill: rgba(199, 233, 192, .2);--glass-polygon-admin-fill-hover: rgba(199, 233, 192, .35);--glass-polygon-admin-stroke: rgba(65, 171, 93, .7);--glass-polygon-admin-stroke-hover: rgba(65, 171, 93, .9);--glass-polygon-admin-glow: rgba(255, 255, 255, .4);--glass-polygon-admin-glow-width: 4;--glass-polygon-admin-inner-stroke: rgba(255, 255, 255, .3);--glass-polygon-stroke-width: 2;--glass-polygon-stroke-width-hover: 3;--glass-polygon-inner-stroke-width: 1;--glass-polygon-transition: .2s ease-out;--glass-marker-source-fill: rgba(31, 120, 180, .15);--glass-marker-source-fill-hover: rgba(31, 120, 180, .25);--glass-marker-source-stroke: rgba(31, 120, 180, .8);--glass-marker-source-stroke-hover: rgba(31, 120, 180, 1);--glass-marker-source-glow: rgba(255, 255, 255, .6);--glass-marker-source-inner: rgba(255, 255, 255, .85);--glass-marker-surname-fill: rgba(156, 39, 176, .15);--glass-marker-surname-fill-hover: rgba(156, 39, 176, .25);--glass-marker-surname-stroke: rgba(156, 39, 176, .8);--glass-marker-surname-stroke-hover: rgba(156, 39, 176, 1);--glass-marker-surname-glow: rgba(255, 255, 255, .6);--glass-marker-surname-inner: rgba(255, 255, 255, .85);--glass-cluster-fill: rgba(255, 255, 255, .25);--glass-cluster-fill-hover: rgba(255, 255, 255, .35);--glass-cluster-stroke: rgba(255, 255, 255, .5);--glass-cluster-glow: rgba(255, 255, 255, .7);--glass-cluster-inner: rgba(255, 255, 255, .9);--glass-marker-blur: blur(8px);--glass-marker-shadow: 0 4px 12px rgba(0, 0, 0, .15);--glass-marker-shadow-hover: 0 6px 16px rgba(0, 0, 0, .2);--glass-marker-transition: all .2s ease-out;--glass-journey-stroke: rgba(255, 87, 51, .8);--glass-journey-stroke-hover: rgba(255, 87, 51, 1);--glass-journey-glow: rgba(255, 255, 255, .5);--glass-journey-glow-width: 8;--glass-journey-shadow: rgba(255, 87, 51, .4);--glass-journey-step-fill: rgba(255, 69, 0, .2);--glass-journey-step-stroke: rgba(255, 69, 0, .9);--glass-journey-step-glow: rgba(255, 255, 255, .6);--glass-arrow-fill: rgba(255, 87, 51, .9);--glass-arrow-stroke: rgba(255, 255, 255, .6);--btn-primary-bg: var(--primary);--btn-primary-text: var(--text-on-primary);--btn-primary-border: var(--primary);--btn-primary-hover-bg: var(--primary-strong);--btn-primary-hover-border: var(--primary-strong);--btn-secondary-bg: var(--surface-card);--btn-secondary-text: var(--text-primary);--btn-secondary-border: var(--border-medium);--btn-secondary-hover-bg: var(--surface-alt);--btn-accent-bg: var(--accent);--btn-accent-text: var(--text-on-accent);--btn-accent-border: var(--accent);--btn-accent-hover-bg: var(--color-accent-hover);--btn-success-bg: var(--color-success);--btn-success-text: var(--text-on-primary);--btn-success-border: var(--color-success);--btn-success-hover-bg: #0d9567;--input-bg: var(--surface-card);--input-border: var(--border-medium);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-focus-border: var(--primary);--input-focus-shadow: var(--primary-soft);--panel-bg: var(--surface-card);--panel-border: var(--border-light);--panel-header-bg: var(--surface-alt);--panel-shadow: rgba(31, 122, 140, .1);--list-author-column-width: 180px;--list-author-column-width-tablet: 140px;--list-author-column-width-mobile: 120px;--list-item-min-height: 44px;--control-bg: var(--surface-card);--control-bg-backdrop: rgba(247, 241, 229, .95);--control-border: var(--border-light);--control-shadow: var(--panel-shadow);--control-active-bg: var(--primary);--control-active-text: var(--text-on-primary);--control-hover-bg: var(--surface-alt);--timeline-bg: var(--surface-card);--timeline-track: var(--surface-alt);--timeline-fill: var(--primary);--timeline-handle: var(--primary-strong);--timeline-text: var(--text-primary);--font-primary: "Arbutus Slab", serif;--font-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-content: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-citation: "Georgia", serif;--font-mono: "SF Mono", "Monaco", "Inconsolata", "Roboto Mono", monospace;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-h3: 16px;--font-size-h4: 14px;--font-size-h5: 13px;--font-size-h6: 12px;--font-size-base: 12px;--font-size-lg: 14px;--font-size-sm: 11px;--font-size-xs: 10px;--font-size-xxs: 9px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em}.bg-surface{background-color:var(--surface)}.bg-surface-alt{background-color:var(--surface-alt)}.bg-surface-card{background-color:var(--surface-card)}.bg-primary{background-color:var(--primary)}.bg-primary-soft{background-color:var(--primary-soft)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-on-primary{color:var(--text-on-primary)}.text-on-accent{color:var(--text-on-accent)}.border-light{border-color:var(--border-light)}.border-medium{border-color:var(--border-medium)}.border-primary{border-color:var(--border-primary)}.font-primary{font-family:var(--font-primary)}.font-secondary{font-family:var(--font-secondary)}.font-content{font-family:var(--font-content)}.font-citation{font-family:var(--font-citation)}.font-mono{font-family:var(--font-mono)}.text-h1{font-size:var(--font-size-h1)}.text-h2{font-size:var(--font-size-h2)}.text-h3{font-size:var(--font-size-h3)}.text-h4{font-size:var(--font-size-h4)}.text-h5{font-size:var(--font-size-h5)}.text-h6{font-size:var(--font-size-h6)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-xxs{font-size:var(--font-size-xxs)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}:root{--timeline-container-height: 180px;--timeline-container-height-and-mode: 240px;--timeline-container-height-mobile: 70px;--timeline-container-height-mobile-and: 110px;--footer-minimal-height: 40px;--footer-minimal-height-mobile: 30px;--footer-collapsible-height: 180px;--footer-collapsible-height-and-mode: 240px;--footer-collapsible-height-mobile: 70px;--footer-collapsible-height-mobile-and: 110px;--footer-collapsible-transition: .3s cubic-bezier(.4, 0, .2, 1);--footer-total-height: calc(var(--footer-minimal-height) + var(--footer-collapsible-height));--footer-total-height-and-mode: calc(var(--footer-minimal-height) + var(--footer-collapsible-height-and-mode));--footer-total-height-mobile: calc(var(--footer-minimal-height-mobile) + var(--footer-collapsible-height-mobile));--footer-total-height-mobile-and: calc(var(--footer-minimal-height-mobile) + var(--footer-collapsible-height-mobile-and));--timeline-header-height: 40px;--timeline-header-padding: 8px 12px;--timeline-header-gap: 12px;--timeline-header-background: rgba(var(--color-surface-rgb), .1);--timeline-header-border: 1px solid rgba(var(--color-border-rgb), .3);--timeline-header-radius: 6px;--timeline-mode-toggle-padding: 4px 8px;--timeline-mode-toggle-gap: 6px;--timeline-mode-toggle-font-size: var(--font-size-sm);--timeline-mode-toggle-font-weight: var(--font-weight-medium);--timeline-mode-toggle-border-radius: 6px;--timeline-mode-toggle-icon-size: 12px;--timeline-type-selector-border-radius: 6px;--timeline-type-option-padding: 6px 12px;--timeline-type-option-gap: 4px;--timeline-type-option-min-width: 60px;--timeline-type-option-font-size: var(--font-size-sm);--timeline-type-option-font-weight: var(--font-weight-medium);--timeline-scrubber-height: 60px;--timeline-scrubber-padding: 12px 0;--timeline-scrubber-min-height: 60px;--timeline-scrubber-header-margin: 8px;--timeline-scrubber-header-font-size: var(--font-size-sm);--timeline-scrubber-header-color: var(--text-secondary);--timeline-scrubber-values-gap: 12px;--timeline-scrubber-value-min-width: 40px;--timeline-scrubber-value-font-size: var(--font-size-xs);--timeline-scrubber-value-color: var(--text-muted);--timeline-scrubber-value-number-min-width: 30px;--timeline-scrubber-value-number-font-weight: var(--font-weight-semibold);--timeline-scrubber-value-number-color: var(--text-primary);--nouislider-height: 4px;--nouislider-background: var(--color-background);--nouislider-border: 1px solid var(--border-light);--nouislider-border-radius: 4px;--nouislider-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);--nouislider-handle-size: 20px;--nouislider-handle-background: var(--color-primary);--nouislider-handle-border: 2px solid var(--color-primary);--nouislider-handle-border-radius: 50%;--nouislider-handle-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);--nouislider-handle-hover-scale: 1.1;--nouislider-handle-active-scale: 1.05;--nouislider-connect-background: var(--color-primary);--timeline-summary-padding: 8px 0;--timeline-summary-font-size: var(--font-size-sm);--timeline-summary-font-weight: var(--font-weight-medium);--timeline-row-gap: 8px;--timeline-row-font-size: var(--font-size-sm);--timeline-row-font-weight: var(--font-weight-medium);--timeline-wrapper-gap: 8px;--timeline-wrapper-padding: 12px 16px 8px;--timeline-content-wrapper-gap: 8px;--timeline-content-wrapper-padding: 8px;--timeline-slider-wrapper-padding: 8px 12px;--timeline-slider-wrapper-border: 1px solid var(--border-light);--timeline-slider-wrapper-border-radius: 6px;--timeline-slider-wrapper-background: var(--surface-card);--timeline-active-border: 2px solid var(--color-primary);--timeline-active-background: var(--color-primary-soft);--timeline-focus-box-shadow: 0 0 0 2px var(--color-primary-light);--timeline-focus-outline: none;--timeline-mobile-breakpoint: 768px;--timeline-small-mobile-breakpoint: 480px;--timeline-mobile-scrubber-height: 50px;--timeline-mobile-wrapper-padding: 6px 12px;--timeline-mobile-header-gap: 6px}*{box-sizing:border-box;margin:0;padding:0}body{--header-h: 51px;--footer-h: var(--footer-total-height);--edge-gap: 8px;--details-width: 400px;--right-offset: 0px;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--text-primary, #333);background-color:var(--color-background, #F7F1E5);height:100vh;overflow:hidden;padding-top:var(--header-h);padding-bottom:var(--footer-h);transition:padding-bottom .3s ease,padding-top .1s ease;margin:0}#app-main{display:flex;flex-direction:row;flex:1;min-height:0}#app-container{width:100%;height:100vh;position:relative;overflow-y:hidden;overflow-x:visible;display:flex;flex-direction:column}.mode-container{display:none;width:100%;height:100%;overflow-x:visible;overflow-y:hidden}#source-mode,#surnames-mode{display:flex;overflow-x:visible;overflow-y:hidden}.mode-surnames,.mode-sources{display:flex;flex-direction:row;overflow-x:visible;overflow-y:hidden}#map{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0}#map-container{position:fixed;top:0;left:0;right:0;bottom:var(--footer-h);overflow:visible}#map-top-center-controls{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center}.toggle-buttons-group{background:var(--surface-card);border-radius:5px;box-shadow:0 2px 5px var(--panel-shadow);margin-top:10px}.toggle-buttons-container{display:flex;border-radius:4px;overflow:hidden}.toggle-button{padding:5px 10px;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);cursor:pointer;font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--btn-secondary-text);transition:all .1s ease}.toggle-button.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border);font-weight:var(--font-weight-bold)}.toggle-button:hover:not(.active){background:var(--btn-secondary-hover-bg)}#zoom-controls-placer{margin-bottom:10px}#zoom-controls-placer .leaflet-control-zoom{border:none;box-shadow:0 2px 5px #0000001a}#zoom-controls-placer .leaflet-control-zoom a{width:36px;height:36px;line-height:36px;font-size:var(--font-size-h2)}#left-sidebar,#main-pane-left{position:fixed;top:calc(var(--header-h) + var(--edge-gap));bottom:calc(var(--footer-h) + var(--edge-gap));left:var(--edge-gap);width:25%;height:auto;z-index:1000;background:var(--surface-card);box-shadow:0 0 10px var(--panel-shadow);overflow-y:auto;transition:transform .3s ease}#main-pane-right,#right-sidebar{position:absolute;top:.3%;right:.3%;width:20%;height:auto;z-index:1000;background:var(--surface-card);box-shadow:0 0 10px var(--panel-shadow);overflow-y:auto;transform:translate(100%);transition:transform .1s ease}#main-pane-right #pane.active{transform:translate(0)}.info-pane{height:100%;display:flex;flex-direction:column}.pane-section{padding:5px;border-bottom:1px solid var(--border-light)}#pane-top{position:relative;flex:0 0 auto;background:var(--surface-alt)}#pane-bottom{flex:1 1 auto;overflow-y:auto}.pane-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:var(--surface-alt);border:none;color:var(--text-primary);font-size:var(--font-size-h2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.pane-close:hover{background:var(--border-medium)}.source-marker-icon,.surname-marker-icon{background:transparent!important;border:none!important}.source-icon-inner,.surname-icon-inner{border-radius:50%;transition:all .2s ease}.highlighted .source-icon-inner,.highlighted .surname-icon-inner{box-shadow:0 0 0 2px var(--surface-card),0 0 0 4px var(--accent)}.leaflet-container,.leaflet-container *,.leaflet-pane,.leaflet-pane *,.leaflet-layer,.leaflet-layer *{font-family:var(--font-secondary)!important}.leaflet-popup-content-wrapper{font-family:var(--font-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;background:#ffffffd9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.4)!important;border-radius:14px!important;box-shadow:0 6px 16px #0000001f!important;transition:all .3s ease!important}.leaflet-popup-content{font-family:var(--font-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;margin:14px 16px!important}.leaflet-popup-content h3{font-family:var(--font-secondary)!important;font-size:var(--font-size-h4)!important;font-weight:var(--font-weight-bold)!important;line-height:var(--line-height-tight)!important}.leaflet-popup-content p{font-family:var(--font-secondary)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important}.marker-cluster div,.marker-cluster span{font-family:var(--font-secondary)!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-normal)!important;line-height:30px!important}.noUi-value,.noUi-value-sub{font-family:var(--font-secondary)!important;font-size:var(--font-size-xs)!important}.maplibregl-map,.maplibregl-map *,.maplibregl-ctrl,.maplibregl-ctrl *{font-family:var(--font-secondary)!important}.source-popup,.surname-popup{max-width:200px;max-height:200px;overflow-y:auto;line-height:var(--line-height-tight);font-size:var(--font-size-base);font-family:var(--font-secondary)}.source-popup h3,.surname-popup h3{margin-bottom:2px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-secondary);color:var(--text-primary)}.source-popup .title,.surname-popup .title{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary)}.source-popup .author{font-family:var(--font-content);font-size:var(--font-size-base);font-style:italic;line-height:var(--line-height-normal);color:var(--text-secondary)}.source-popup .year{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-muted)}.leaflet-popup-tip{background:#ffffffd9!important;box-shadow:0 3px 8px #0000001a!important}.leaflet-popup-close-button{background:#ffffff80!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:8px!important;width:24px!important;height:24px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;font-weight:700!important;color:#666!important;text-decoration:none!important;box-shadow:0 2px 6px #0000000f!important;transition:all .3s ease!important;top:6px!important;right:6px!important}.leaflet-popup-close-button:hover{background:#fffc!important;border-color:#1f7a8c4d!important;color:#333!important;box-shadow:0 4px 10px #0000001a!important;transform:scale(1.05)!important}.popup-source-details-btn,.popup-surname-details-btn,.popup-surname-journey-btn{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);background:#1f7a8ce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:6px 12px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #1f7a8c26}.popup-source-details-btn:hover,.popup-surname-details-btn:hover,.popup-surname-journey-btn:hover{background:#1f7a8c;box-shadow:0 4px 10px #1f7a8c40;transform:translateY(-1px)}.leaflet-popup a,.leaflet-popup-content a,.leaflet-popup-content-wrapper a,.source-popup a,.surname-popup a,.journey-step-popup a,[class*=popup] a{display:inline-block;padding:6px 12px;margin:4px 0;font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--primary);text-decoration:none;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(31,122,140,.2);border-radius:10px;box-shadow:0 2px 6px #0000000f;transition:all .3s ease}.leaflet-popup a:hover,.leaflet-popup-content a:hover,.leaflet-popup-content-wrapper a:hover,.source-popup a:hover,.surname-popup a:hover,.journey-step-popup a:hover,[class*=popup] a:hover{background:#1f7a8c26;border-color:#1f7a8c66;color:var(--primary);box-shadow:0 4px 10px #1f7a8c26;transform:translateY(-1px)}.journey-step-popup{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.journey-item{font-family:var(--font-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.maplibre-custom-marker{font-family:var(--font-secondary);font-size:var(--font-size-base)}.source-author,.surname-origin{font-style:italic;margin-bottom:5px;color:var(--text-secondary)}.source-date{color:var(--text-muted);font-size:var(--font-size-lg);margin-bottom:8px}.source-type,.surname-type{display:inline-block;padding:3px 6px;background:var(--surface-alt);color:var(--text-primary);border-radius:3px;margin-top:5px;font-size:var(--font-size-base)}.view-details{display:block;margin-top:5px;text-align:right;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-base)}.tags-container{margin-top:10px;display:flex;flex-wrap:wrap}.tag{background:var(--surface-alt);color:var(--text-primary);padding:4px 8px;border-radius:4px;font-size:var(--font-size-base);margin-right:5px;margin-bottom:5px}body.modal-open{overflow:hidden}#shapefile-control-container,#mode-control-container,#country-control-container,#layer-control-container{display:flex!important;align-items:center;gap:6px;margin:0 4px;transition:all .3s ease}#shapefile-control-container .map-control,#mode-control-container .map-control{position:static!important;margin:0!important;box-shadow:none!important;background:transparent!important;border:none!important;padding:0!important}#country-control-container .map-control,#layer-control-container .map-control{position:static!important;margin:0!important;box-shadow:none!important;border-radius:4px!important;flex-shrink:1;min-width:0}#country-control-container .country-control{max-width:90px!important;min-width:90px!important;position:relative}#country-control-container .country-control .country-control-header{padding:6px 10px!important;font-size:var(--font-size-base)!important;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#country-control-container .country-control h4{font-size:var(--font-size-base)!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#country-control-container .country-control .country-control-content{position:absolute!important;top:100%!important;left:0!important;min-width:200px!important;max-height:300px!important;background:var(--control-bg, #FDF9F2)!important;border:1px solid var(--control-border, #D4C4A0)!important;border-radius:4px!important;box-shadow:var(--control-shadow, 0 4px 12px rgba(31, 122, 140, .08))!important;z-index:2000!important;overflow-y:auto!important;display:none!important}#country-control-container .country-control:not(.collapsed) .country-control-content{display:block!important}#layer-control-container .layer-control{position:relative}#layer-control-container .layer-control .layer-control-inline{position:relative;display:block!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;box-shadow:none!important;padding:0!important}#layer-control-container .layer-control .layer-trigger{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;height:32px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:var(--font-secondary);color:var(--text-secondary, #5A5A5A);transition:all .3s ease;text-align:center;line-height:var(--line-height-tight);white-space:nowrap}#layer-control-container .layer-control:hover .layer-trigger{background:var(--glass-bg-light);color:var(--primary, #4A90E2);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}#layer-control-container .layer-control .layer-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-md);padding:12px;min-width:200px;z-index:2000;display:none}#layer-control-container .layer-control:hover .layer-dropdown{display:block}#layer-control-container .layer-control .layer-items{display:flex;flex-direction:column;gap:8px}#layer-control-container .layer-control .layer-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--glass-radius-sm);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-base);color:var(--text, #2E2720);background:var(--glass-bg-subtle)}#layer-control-container .layer-control .layer-item:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-sm);transform:translateY(-1px)}#layer-control-container .layer-control .layer-checkbox{width:14px;height:14px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);position:relative;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);flex-shrink:0;transition:all .3s ease}#layer-control-container .layer-control .layer-checkbox.checked{background:var(--primary, #4A90E2);border-color:var(--primary, #4A90E2)}#layer-control-container .layer-control .layer-checkbox.checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.details-container{background:var(--surface-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 0 10px var(--panel-shadow);color:var(--text-primary)}.unified-sidebar .list-view-content .list-item h4{font-family:var(--font-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.unified-sidebar .list-view-content .list-item p{font-family:var(--font-content);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.unified-sidebar .list-view-content .list-info{font-size:var(--font-size-h5)}.unified-sidebar .list-view-content .list-item h3,.unified-sidebar .list-view-content .surname-title,.unified-sidebar .list-view-content .source-title{font-size:var(--font-size-lg);line-height:var(--line-height-normal);margin:0 0 6px;font-weight:var(--font-weight-semibold)}.details-container{position:fixed;top:calc(var(--header-h) + var(--edge-gap, 0px));right:var(--edge-gap, 0px);bottom:calc(var(--footer-h) + var(--edge-gap, 0px));width:min(var(--details-width),92vw);max-width:calc(100vw - (2 * var(--edge-gap, 0px)));height:auto;z-index:1400;transform:translate(calc(100% + var(--edge-gap, 0px)));transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;padding:0}.details-container.active{transform:translate(0)}.details-content{flex:1 1 auto;padding:0;overflow-y:auto;min-height:0;display:flex;flex-direction:column}.details-container>#details-placeholder{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.details-container .panel{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-bottom:0!important;height:100%}.details-container .panel-header{flex:0 0 auto}.details-container .panel-content{flex:1 1 auto;min-height:0;overflow-y:auto;max-height:none}.details-header{padding:18px 20px 12px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border-bottom:var(--glass-border-light);box-shadow:var(--glass-shadow-sm);display:flex;align-items:center;justify-content:space-between;transition:all .3s ease}.surname-title{font-size:1.5em;font-weight:var(--font-weight-bold);margin:0}.close-button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#888;margin-left:0}.panel-close-button{position:absolute;top:8px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:10px;box-shadow:0 2px 6px #0000000f;transition:all .3s ease;z-index:2;cursor:pointer}.panel-close-button:hover,.panel-close-button:focus-visible{background:#ffffffbf;border-color:#1f7a8c4d;box-shadow:0 4px 10px #0000001a;transform:translateY(-1px);color:#333}.surname-details-panel .panel-header>h3,.source-details-panel .panel-header>h3{display:none}.details-view .details-content{padding:0;margin-top:0}.alternate-surnames,.surname-metadata,.surname-description,.surname-location,.surname-relationships,.surname-sources{margin-bottom:18px;padding:16px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.alternate-surnames:hover,.surname-metadata:hover,.surname-description:hover,.surname-location:hover,.surname-relationships:hover,.surname-sources:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.metadata-item{margin-bottom:12px;padding:12px 16px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow-sm);font-size:1em;transition:all .3s ease}.metadata-item:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.metadata-label{font-weight:var(--font-weight-bold);margin-right:6px;color:var(--text-secondary)}.metadata-value{color:var(--text-primary)}.journey-toggle{margin-top:8px;margin-bottom:0;display:flex;justify-content:center}.journey-toggle button{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);padding:12px 20px;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);box-shadow:var(--glass-shadow-md);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;letter-spacing:.3px}.journey-toggle button:hover{background:#1f7a8c;box-shadow:var(--glass-shadow-lg);transform:translateY(-2px);border-color:var(--glass-border-accent)}.surname-description h3,.surname-location h3,.surname-relationships h3,.surname-sources h3{font-size:1.1em;margin-bottom:6px;margin-top:0}.surname-description p,.surname-location p,.relationship-description{margin:0 0 6px;color:#333}.surname-location .coordinates{font-size:.95em;color:#666}.show-on-map-btn{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);padding:5px 12px;box-shadow:var(--glass-shadow-sm);transition:all .3s ease;cursor:pointer;font-size:.95em;margin-top:6px}.surname-relationships ul,.surname-sources ul{padding-left:18px;margin:0}.related-surname{color:#38f;text-decoration:underline;cursor:pointer}.relationship-type{color:#888;font-size:.95em}.relationship-description{font-size:.95em;color:#666;margin-left:10px}.surname-sources ul{list-style-type:disc}.surname-sources a{color:#38f;text-decoration:underline}.leaflet-top.leaflet-right{top:20px}.position-top-left{top:20px;left:20px}.position-top-center{top:20px;left:50%;transform:translate(-50%)}.map-control{display:flex;position:absolute}body:has(.details-container.active){--right-offset: calc(var(--details-width) + var(--edge-gap, 0px))}.map-control.layer-control,.map-control.zoom-control{right:calc(var(--right-offset, 0px) + 20px);transition:right .3s ease}@media(max-width:700px){.details-container{width:100vw;left:0;right:0;top:var(--header-h);bottom:var(--footer-h);height:auto;border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #0000002e}.details-content{padding:16px 8px}}@media screen and (max-width:768px){#left-sidebar{width:min(320px,calc(100vw - (2 * var(--edge-gap, 0px))));height:calc(100vh - var(--header-h) - var(--footer-h));position:fixed;top:calc(var(--header-h) + var(--edge-gap, 0px));bottom:calc(var(--footer-h) + var(--edge-gap, 0px));transform:translate(0)}#left-sidebar.collapsed{transform:translate(calc(-100% - var(--edge-gap, 0px)))}#main-pane-right{transform:translate(100%)}.list-view-container{width:100%;height:100%}.details-container{width:100%}}#header-bar,.header-bar{position:fixed!important;top:0;left:0;right:0;width:100%;height:50px;display:flex!important;align-items:center;background:#ffffff80!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.3)!important;box-shadow:0 4px 12px #00000014!important;transition:transform .1s ease,background .3s ease,border-color .3s ease;min-height:40px!important;flex-shrink:0;z-index:1500!important;padding:16px 24px}#header-bar.collapsed{transform:translateY(-100%)}body:has(#header-bar.collapsed){--header-h: 0px}body.header-collapsed{--header-h: 0px}.header-content{display:flex!important;align-items:center;justify-content:space-between;width:100%!important;gap:20px;transition:opacity .3s ease}.header-logo{display:flex!important;align-items:center;flex-shrink:0}.header-logo .logo{color:var(--text-primary, #333)!important;font-weight:var(--font-weight-extrabold);font-size:var(--font-size-lg)}.header-controls-group{display:flex!important;align-items:center;gap:16px;flex:1;justify-content:center}.header-buttons{display:flex!important;align-items:center;gap:8px;flex-shrink:0}#shapefile-control-container,#mode-control-container,#country-control-container,#layer-control-container,#view3d-control-container{display:flex;align-items:center;gap:8px}.header-expand-toggle{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px 12px 0 0;padding:8px 16px 6px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;z-index:1501;min-width:80px;text-align:center}.header-expand-toggle:hover{background:#ffffffd9;border-color:#1f7a8c4d;color:var(--text-primary);box-shadow:0 4px 12px #0000001a;transform:translate(-50%) translateY(-2px) scale(1.02)}.header-expand-toggle:active{transform:translate(-50%) translateY(0)}.header-toggle-icon{display:inline-block;transition:transform .2s ease}#header-bar.collapsed .header-toggle-icon{transform:rotate(180deg)}@media(max-width:768px){#header-bar,.header-bar{height:80px;min-height:80px;padding:12px 16px}.header-content{flex-direction:column;gap:12px;align-items:stretch}.header-logo .logo{font-size:var(--font-size-h3)}.header-controls-group{justify-content:center;flex-wrap:wrap;gap:12px}.header-buttons{justify-content:center}.header-expand-toggle{bottom:-25px;padding:6px 12px 4px;min-width:60px}body{--header-h: 80px;padding-top:80px}body:has(#header-bar.collapsed){padding-top:30px}}@media(max-width:480px){#header-bar,.header-bar{height:100px;min-height:100px;padding:8px 12px}.header-content{gap:8px}.header-controls-group{flex-direction:column;gap:8px}body{--header-h: 100px;padding-top:100px}}body.dark-mode #header-bar,body.dark-mode .header-bar{background:#1a1a1a80!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom-color:#ffffff26!important;box-shadow:0 4px 12px #0000004d!important}body.dark-mode .header-expand-toggle{background:#2a2a2ab3;border-color:#ffffff26;color:var(--dm-text-secondary, #b0b0b0);box-shadow:0 2px 8px #0000004d}body.dark-mode .header-expand-toggle:hover{background:#2a2a2ad9;border-color:#2a9d8f4d;color:var(--dm-text-primary, #e0e0e0);box-shadow:0 4px 12px #0006}#app-footer{position:fixed;bottom:0;left:0;right:0;width:100%;height:var(--footer-minimal-height);background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -4px 12px #00000014;z-index:1500;display:flex;flex-direction:column;transition:height .3s ease,transform .1s ease,background .3s ease,border-color .3s ease}#app-footer.collapsed{transform:translateY(100%)}body{--footer-h: var(--footer-total-height);padding-bottom:var(--footer-h);transition:padding-bottom .3s ease}body:has(#temporality-panel-container.collapsed){--footer-h: var(--footer-minimal-height)}body:has(#app-footer.collapsed){--footer-h: 0px}body.footer-collapsed{--footer-h: 0px}body.collapsible-pane-collapsed{--footer-h: var(--footer-minimal-height)}.footer-status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 2px 8px #0000000f;min-height:32px;flex-shrink:0;margin:4px 8px;transition:all .3s ease}#status-bar{display:flex;align-items:center;gap:8px}#status-message{font-size:var(--font-size-sm);color:var(--text-secondary)}#attribution{font-size:var(--font-size-xs);color:var(--text-muted)}.timeline-expand-toggle{position:absolute;top:-25px;left:50%;transform:translate(-50%);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px 12px 0 0;padding:8px 16px 6px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;z-index:1501;min-width:80px;text-align:center}.timeline-expand-toggle:hover{background:#ffffffd9;border-color:#1f7a8c4d;color:var(--text-primary);box-shadow:0 4px 12px #0000001a;transform:translate(-50%) translateY(-2px) scale(1.02)}.timeline-expand-toggle:active{transform:translate(-50%) translateY(0)}.timeline-toggle-icon{display:inline-block;transition:transform .2s ease}#app-footer.collapsed .timeline-toggle-icon{transform:rotate(180deg)}@media(max-width:768px){#app-footer{height:var(--footer-minimal-height-mobile)}#app-footer.collapsed{transform:translateY(calc(100% - 30px))}body{--footer-h: var(--footer-total-height-mobile);padding-bottom:var(--footer-total-height-mobile)}body:has(#temporality-panel-container.collapsed){--footer-h: var(--footer-minimal-height-mobile)}body:has(#app-footer.collapsed){padding-bottom:30px}.footer-status-row{padding:6px 12px;min-height:28px}}@media(max-width:480px){#app-footer{height:var(--footer-minimal-height-mobile)}body{--footer-h: var(--footer-total-height-mobile);padding-bottom:var(--footer-total-height-mobile)}body:has(#temporality-panel-container.collapsed){--footer-h: var(--footer-minimal-height-mobile)}}body.dark-mode #app-footer{background:#1a1a1a80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-color:#ffffff26;box-shadow:0 -4px 12px #0000004d}body.dark-mode .timeline-expand-toggle{background:#2a2a2ab3;border-color:#ffffff26;color:var(--dm-text-secondary, #b0b0b0);box-shadow:0 2px 8px #0000004d}body.dark-mode .timeline-expand-toggle:hover{background:#2a2a2ad9;border-color:#2a9d8f4d;color:var(--dm-text-primary, #e0e0e0);box-shadow:0 4px 12px #0006}body.dark-mode .footer-status-row{background:#2a2a2a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000004d}#temporality-panel-container{position:fixed;bottom:var(--footer-minimal-height);left:0;right:0;width:100%;height:var(--footer-collapsible-height);background:#ffffff80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -4px 12px #00000014;z-index:1499;transform:translateY(0);transition:transform var(--footer-collapsible-transition),background .3s ease,border-color .3s ease;overflow:hidden}#temporality-panel-container.collapsed{transform:translateY(100%)}#temporality-panel-container.and-mode{height:var(--footer-collapsible-height-and-mode)}.temporality-panel-container .footer-header-container{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:12px;padding:8px 16px;min-height:0;overflow:hidden;height:100%}.temporality-panel-container .timelines-container{flex:1;display:flex;flex-direction:column;min-height:0}.temporality-panel-container .snapshot-controller-container{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:200px}@media(max-width:768px){#temporality-panel-container{bottom:var(--footer-minimal-height-mobile);height:var(--footer-collapsible-height-mobile)}#temporality-panel-container.and-mode{height:var(--footer-collapsible-height-mobile-and)}.temporality-panel-container .footer-header-container{padding:6px 12px;gap:8px}.temporality-panel-container .snapshot-controller-container{min-width:150px}}@media(max-width:480px){#temporality-panel-container{height:var(--footer-collapsible-height-mobile)}#temporality-panel-container.and-mode{height:var(--footer-collapsible-height-mobile-and)}.temporality-panel-container .footer-header-container{flex-direction:column;gap:6px;padding:4px 8px}.temporality-panel-container .snapshot-controller-container{min-width:120px}}#temporality-panel-container{transition:transform var(--footer-collapsible-transition),height var(--footer-collapsible-transition)}#temporality-panel-container .footer-header-container{transition:padding var(--footer-collapsible-transition)}body.dark-mode #temporality-panel-container{background:#1a1a1a80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-color:#ffffff26;box-shadow:0 -4px 12px #0000004d}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px;border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #00000014;height:var(--timeline-header-height);flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;transition:all .3s ease}.timeline-mode-toggle{display:flex;align-items:center;gap:var(--timeline-mode-toggle-gap);padding:var(--timeline-mode-toggle-padding);background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:10px;box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .3s ease;font-size:var(--timeline-mode-toggle-font-size);font-weight:var(--timeline-mode-toggle-font-weight);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.timeline-mode-toggle:hover{background:#ffffffbf;border-color:#1f7a8c4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px);color:var(--text-primary)}.timeline-mode-toggle.active{background:#1f7a8ce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#1f7a8c66;box-shadow:0 4px 16px #1f7a8c33;color:#fff}.timeline-mode-toggle .toggle-icon{font-size:var(--timeline-mode-toggle-icon-size);transition:transform .2s ease}.timeline-mode-toggle.active .toggle-icon{transform:rotate(180deg)}.timeline-type-selector{display:flex;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:12px;box-shadow:0 2px 8px #0000000f,inset 0 1px 2px #0000000d;overflow:hidden;transition:all .3s ease}.timeline-type-option{position:relative;display:flex;align-items:center;gap:var(--timeline-type-option-gap);padding:var(--timeline-type-option-padding);background:transparent;border:none;cursor:pointer;font-size:var(--timeline-type-option-font-size);font-weight:var(--timeline-type-option-font-weight);color:var(--text-secondary);transition:all .3s ease;-webkit-user-select:none;user-select:none;min-width:var(--timeline-type-option-min-width);justify-content:center}.timeline-type-option:hover{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary)}.timeline-type-option.active{background:#1f7a8ce6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:0 2px 8px #1f7a8c26}.timeline-type-option:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--border-light)}.timeline-type-option.active:not(:last-child):after{background:#fff3}.timeline-header-left,.timeline-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.timeline-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap}.timeline-scrubber{flex:1;padding:var(--timeline-scrubber-padding);min-height:var(--timeline-scrubber-min-height);background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.timeline-scrubber__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--timeline-scrubber-header-margin);font-size:var(--timeline-scrubber-header-font-size);color:var(--timeline-scrubber-header-color)}.timeline-scrubber__title{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.timeline-scrubber__values{display:flex;gap:var(--timeline-scrubber-values-gap);align-items:center}.timeline-scrubber__value-label{font-size:var(--timeline-scrubber-value-font-size);color:var(--timeline-scrubber-value-color);min-width:var(--timeline-scrubber-value-min-width);text-align:center}.timeline-scrubber__value{font-weight:var(--timeline-scrubber-value-number-font-weight);color:var(--timeline-scrubber-value-number-color);min-width:var(--timeline-scrubber-value-number-min-width);text-align:center}.timeline-scrubber .noUi-target{background:#ffffff80;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:inset 0 2px 6px #0000000d;transition:all .3s ease}.timeline-scrubber .noUi-handle{background:#1f7a8cf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);border-radius:50%;box-shadow:0 3px 8px #1f7a8c40;cursor:pointer;transition:all .3s ease;width:var(--nouislider-handle-size);height:var(--nouislider-handle-size)}.timeline-scrubber .noUi-handle:hover{background:#1f7a8c;border-color:#fff9;box-shadow:0 4px 12px #1f7a8c59;transform:scale(1.1)}.timeline-scrubber .noUi-handle:active{transform:scale(1.05);box-shadow:0 2px 6px #1f7a8c4d}.timeline-scrubber .noUi-connect{background:linear-gradient(to right,#1f7a8cb3,#2a9d8fb3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.timeline-scrubber .noUi-origin{background:transparent}#app-footer.and-mode .timeline-type-selector{transform:translate(-20px);opacity:0;pointer-events:none}.snapshot-controls-buttons{display:flex;gap:6px;align-items:center;padding:8px 12px;background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.transport-controls,.action-controls{display:flex;gap:2px}.transport-controls{margin-right:8px;padding-right:8px;border-right:1px solid rgba(var(--color-border-rgb),.3)}.snapshot-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffffa6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000000f;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;min-width:32px;height:32px}.snapshot-btn:hover{background:#fffc;border-color:#1f7a8c4d;box-shadow:0 4px 10px #0000001a;transform:translateY(-1px)}.snapshot-btn:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.snapshot-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#fff6}.snapshot-btn--play-pause{background:#22c55ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-color:#fff6;font-weight:var(--font-weight-semibold);box-shadow:0 3px 8px #22c55e40}.snapshot-btn--play-pause:hover{background:#22c55e;box-shadow:0 4px 12px #22c55e59}.snapshot-btn--stop{background:#fbbf24e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-color:#fff6;box-shadow:0 3px 8px #fbbf2440}.snapshot-btn--stop:hover{background:#fbbf24;box-shadow:0 4px 12px #fbbf2459}.snapshot-btn--record{background:#ef4444e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border-color:#fff6;box-shadow:0 3px 8px #ef444440}.snapshot-btn--record:hover{background:#ef4444;box-shadow:0 4px 12px #ef444459}body.dark-mode .timeline-header{background:#2a2a2ab3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff26;box-shadow:0 4px 12px #0000004d}body.dark-mode .timeline-mode-toggle{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .timeline-mode-toggle:hover{background:#2a2a2abf;border-color:#2a9d8f4d;box-shadow:0 4px 12px #0006}body.dark-mode .timeline-mode-toggle.active{background:#2a9d8fe6;border-color:#2a9d8f66;box-shadow:0 4px 16px #2a9d8f33}body.dark-mode .timeline-type-selector{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d,inset 0 1px 2px #00000026}body.dark-mode .timeline-type-option:hover{background:#2a2a2a80}body.dark-mode .timeline-type-option.active{background:#2a9d8fe6;box-shadow:0 2px 8px #2a9d8f26}body.dark-mode .timeline-scrubber{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .timeline-scrubber .noUi-target{background:#2a2a2a80;border-color:#ffffff26;box-shadow:inset 0 2px 6px #0003}body.dark-mode .timeline-scrubber .noUi-handle{background:#2a9d8ff2;border-color:#fff6;box-shadow:0 3px 8px #2a9d8f59}body.dark-mode .timeline-scrubber .noUi-handle:hover{background:#2a9d8f;box-shadow:0 4px 12px #2a9d8f73}body.dark-mode .timeline-scrubber .noUi-connect{background:linear-gradient(to right,#2a9d8fb3,#1f7a8cb3)}body.dark-mode .snapshot-controls-buttons{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .snapshot-btn{background:#2a2a2aa6;border-color:#ffffff26;box-shadow:0 2px 6px #0000004d}body.dark-mode .snapshot-btn:hover{background:#2a2a2acc;border-color:#2a9d8f4d;box-shadow:0 4px 10px #0006}body.dark-mode .snapshot-btn:disabled{background:#2a2a2a66}@media(prefers-color-scheme:dark){.timeline-scrubber__header{color:#e2e8f0}.timeline-scrubber__title,.timeline-scrubber__values,.timeline-scrubber__value-label{color:#a0aec0}}@media screen and (max-width:480px){.timeline-header{flex-direction:column;gap:8px;height:auto;padding:6px 8px}.timeline-header-left,.timeline-header-right{justify-content:center;width:100%}.timeline-type-selector{flex-direction:column;gap:0;height:auto}.timeline-type-option{border-radius:0;border-bottom:1px solid var(--border-light)}.timeline-type-option:last-child{border-bottom:none}.timeline-scrubber{min-height:var(--timeline-mobile-scrubber-height)}.snapshot-controls-buttons{flex-direction:column;gap:4px}.transport-controls{margin-right:0;margin-bottom:8px;padding-right:0;padding-bottom:8px;border-right:none;border-bottom:1px solid rgba(var(--color-border-rgb),.3)}}.journey-controls{background:var(--control-bg);border:1px solid var(--control-border);border-radius:6px;padding:12px;box-shadow:var(--control-shadow);display:flex;flex-direction:column;gap:12px;min-width:200px}.inline-journey-controls{display:flex;align-items:center;gap:8px;background:var(--control-bg-backdrop);border:1px solid var(--control-border);border-radius:4px;padding:6px 12px;box-shadow:var(--control-shadow)}.journey-toggle-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);border-radius:4px;padding:8px 12px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;min-width:80px}.journey-toggle-btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.journey-toggle-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.journey-toggle-btn:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-shadow)}.journey-toggle-btn.active{background:var(--control-active-bg);color:var(--control-active-text);border-color:var(--control-active-bg)}.journey-toggle-btn:before{content:"🗺️";font-size:var(--font-size-lg)}.layer-btn{background:var(--control-bg);color:var(--text-primary);border:1px solid var(--control-border);border-radius:4px;padding:8px 12px;font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:70px;white-space:nowrap}.layer-btn:hover{background:var(--control-hover-bg);border-color:var(--border-medium)}.layer-btn:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-shadow)}.layer-btn.active{background:var(--control-active-bg);color:var(--control-active-text);border-color:var(--control-active-bg);font-weight:var(--font-weight-semibold)}.layer-btn:disabled,.layer-btn.placeholder{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--control-bg);color:var(--text-muted)}.layer-btn:disabled:hover,.layer-btn.placeholder:hover{background:var(--control-bg);border-color:var(--control-border);transform:none}.layer-control-inline{display:flex;align-items:center;gap:4px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);padding:8px;box-shadow:var(--glass-shadow-sm);flex-wrap:wrap;transition:all .3s ease}.layer-control-inline .layer-btn{border-radius:3px;padding:6px 10px;font-size:var(--font-size-base);min-width:60px}.layer-control-inline .layer-btn:not(:last-child){margin-right:2px}@media(max-width:768px){.journey-controls{min-width:160px;padding:10px;gap:10px}.inline-journey-controls{padding:4px 8px;gap:6px}.journey-toggle-btn,.layer-btn{padding:6px 8px;font-size:var(--font-size-base);min-width:60px}.layer-control-inline{padding:6px;gap:3px}.layer-control-inline .layer-btn{padding:5px 8px;font-size:var(--font-size-sm);min-width:50px}}.map-control.mode-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:hidden;flex-direction:row;transition:all .3s ease}.map-control.mode-control:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg)}.mode-control .mode-btn-group{display:flex;gap:0;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-light);border-radius:var(--glass-radius-md);overflow:hidden;box-shadow:var(--glass-shadow-md)}.mode-control .mode-btn{min-width:35px!important;max-width:40px!important;padding:6px 10px!important;height:32px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;font-family:var(--font-primary)!important;background:transparent;color:var(--text-secondary, #5A5A5A);border:none;border-right:1px solid var(--control-border, #D4C4A0);cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.mode-control .mode-btn:last-child{border-right:none}.mode-control .mode-btn:hover:not(.active):not(:disabled){background:var(--surface-hover, #F5EDD9);color:var(--primary, #4A90E2)}.mode-control .mode-btn:active:not(.active):not(:disabled){background:var(--surface-alt, #EDE1CF)}.mode-control .mode-btn.active{background:var(--primary, #4A90E2);color:var(--text-on-primary, #FFFFFF);font-weight:var(--font-weight-semibold);box-shadow:inset 0 2px 4px #00000026}.mode-control .mode-btn:disabled{opacity:.5;cursor:not-allowed;color:#999}.mode-control .mode-btn:disabled:hover{background:var(--glass-bg-subtle);color:#999}.mode-control.disabled{opacity:.6;pointer-events:none}.map-control.shapefile-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:hidden;flex-direction:row;transition:all .3s ease}.map-control.shapefile-control:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg)}.shapefile-control .shapefile-btn-group{display:flex;gap:0;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-light);border-radius:var(--glass-radius-md);overflow:hidden;box-shadow:var(--glass-shadow-md)}.shapefile-control .shapefile-toggle-btn{min-width:35px!important;max-width:40px!important;padding:6px 10px!important;height:32px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;font-family:var(--font-primary)!important;background:transparent;color:var(--text-secondary, #5A5A5A);border:none;border-right:1px solid var(--control-border, #D4C4A0);cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.shapefile-control .shapefile-toggle-btn:last-child{border-right:none}.shapefile-control .shapefile-toggle-btn.active{background:var(--primary, #4A90E2);color:var(--text-on-primary, #FFFFFF);font-weight:var(--font-weight-bold);box-shadow:inset 0 2px 4px #00000026}.shapefile-control .shapefile-toggle-btn:hover:not(.active){background:var(--surface-hover, #F5EDD9);color:var(--primary, #4A90E2)}.shapefile-control.disabled{opacity:.6;pointer-events:none}.map-control.country-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:hidden;flex-direction:column;min-width:180px;max-width:240px;transition:all .3s ease}.country-control-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light)}.country-control-header h4{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:#333}.country-control-toggle{background:none;border:none;cursor:pointer;font-size:var(--font-size-base);color:#666;padding:2px 4px;border-radius:2px;transition:all .2s ease}.country-control-toggle:hover{background:var(--surface-hover, #F5EDD9);color:var(--primary, #4A90E2)}.country-control-content{max-height:300px;overflow-y:auto}.country-control .country-toggle-btn{width:100%;padding:8px 12px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:none;cursor:pointer;font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);color:#333;text-align:left;transition:all .3s ease;border-bottom:var(--glass-border-light)}.country-control .country-toggle-btn:last-child{border-bottom:none}.country-control .country-toggle-btn.active{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;font-weight:var(--font-weight-bold);box-shadow:var(--glass-shadow-md)}.country-control .country-toggle-btn:hover:not(.active){background:var(--glass-bg-light)}.country-control.disabled{opacity:.6;pointer-events:none}@media(max-width:768px){.map-control.mode-control,.map-control.shapefile-control{left:58%;transform:translate(-50%)}.shapefile-control .shapefile-toggle-btn{min-width:70px;font-size:var(--font-size-h5);padding:0 12px}.country-control{min-width:140px;max-width:180px}.country-control .country-toggle-btn{font-size:var(--font-size-base);padding:6px 10px}}.map-control.layer-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:visible;top:20px;right:20px;flex-direction:column;min-width:180px;max-width:250px;max-height:none;transition:all .3s ease}.map-control.layer-control:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg)}.map-control.zoom-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:hidden;bottom:20px;right:20px;flex-direction:column;transition:all .3s ease}.map-control.zoom-control:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg)}.zoom-control button,.layer-control button{width:40px;height:40px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:none;cursor:pointer;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:#333;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:var(--line-height-tight)}.zoom-control button:first-child,.layer-control button:first-child{border-bottom:var(--glass-border-light)}.zoom-control button:hover:not(:disabled),.layer-control button:hover:not(:disabled){background:var(--glass-bg-light);color:#000;transform:scale(1.05);box-shadow:var(--glass-shadow-md)}.zoom-control button:active:not(:disabled),.layer-control button:active:not(:disabled){background:#ffffffe6;transform:scale(.95)}.zoom-control button:disabled,.layer-control button:disabled{opacity:.5;cursor:not-allowed;color:#999}.zoom-control button:disabled:hover,.layer-control button:disabled:hover{background:var(--glass-bg-subtle);color:#999}.zoom-control .zoom-in{font-size:var(--font-size-h2)}.zoom-control .zoom-out{font-size:var(--font-size-h1);line-height:.8}.layer-control-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light);cursor:pointer}.layer-control-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#333}.layer-control-toggle{background:none;border:none;font-size:var(--font-size-base);cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.layer-control-toggle:hover{color:#333}.layer-control-content{padding:8px 0;max-height:200px;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ccc #f8f9fa}.layer-control-content::-webkit-scrollbar{width:6px}.layer-control-content::-webkit-scrollbar-track{background:var(--glass-bg-subtle);border-radius:var(--glass-radius-sm)}.layer-control-content::-webkit-scrollbar-thumb{background:#0003;border-radius:var(--glass-radius-sm);transition:background .3s ease}.layer-control-content::-webkit-scrollbar-thumb:hover{background:#0000004d}.layer-control-content:before,.layer-control-content:after{content:"";position:absolute;left:0;right:6px;height:8px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:1}.layer-control-content:before{top:0;background:linear-gradient(to bottom,var(--glass-bg-medium),transparent)}.layer-control-content:after{bottom:0;background:linear-gradient(to top,var(--glass-bg-medium),transparent)}.layer-control-content.scrollable-top:before{opacity:1}.layer-control-content.scrollable-bottom:after{opacity:1}.base-layers,.overlay-layers{margin-bottom:8px}.base-layers:last-child,.overlay-layers:last-child{margin-bottom:0}.base-layers h4,.overlay-layers h4{margin:0 0 4px;padding:0 12px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#666;text-transform:uppercase}.layer-option{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background-color .2s ease}.layer-option:hover{background-color:var(--glass-bg-subtle)}.layer-option input{margin:0 8px 0 0;cursor:pointer}.layer-option label{margin:0;font-size:var(--font-size-h5);color:#333;cursor:pointer;flex:1}.layer-option input:checked+label{font-weight:var(--font-weight-medium);color:#007bff}.map-control.map-legend{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow-sm);overflow:hidden;bottom:20px;left:20px;flex-direction:column;min-width:180px;max-width:300px;max-height:400px}.legend-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light);cursor:pointer}.legend-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#333}.legend-toggle{background:none;border:none;font-size:var(--font-size-base);cursor:pointer;color:#666;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.legend-toggle:hover{color:#333}.legend-content{overflow-y:auto;overflow-x:hidden}.legend-items{padding:8px}.legend-item{display:flex;align-items:center;padding:6px 8px;margin:2px 0;border-radius:3px;transition:background .2s ease}.legend-item:hover{background:var(--glass-bg-subtle)}.legend-symbol{width:20px;height:20px;margin-right:10px;border-radius:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base)}.legend-symbol.color-symbol{border:1px solid #ddd}.legend-symbol.icon-symbol{background:transparent;border:none;font-size:var(--font-size-h3)}.legend-symbol.gradient-symbol{border:1px solid #ddd}.legend-symbol.pattern-symbol{background-repeat:repeat;background-size:contain;border:1px solid #ddd}.legend-symbol.custom-symbol{background:transparent;border:none}.legend-label{flex:1;font-size:var(--font-size-h5);color:#333;line-height:var(--line-height-normal);word-wrap:break-word}.scale-labels{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:#666;margin-top:4px;padding:0 4px}.scale-labels .min-label,.scale-labels .max-label{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);padding:2px 4px;border-radius:var(--glass-radius-sm);font-weight:var(--font-weight-medium)}.map-control.terrain-control{background:var(--control-bg, #FDF9F2);border-radius:6px;box-shadow:0 2px 8px #0f5c6d26;padding:12px;min-width:240px;max-width:260px;bottom:80px;right:20px;flex-direction:column;gap:12px;z-index:1000}.terrain-control-group{display:flex;flex-direction:column;gap:6px}.terrain-control .control-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-primary, #0F5C6D);margin-bottom:4px}.terrain-control .control-value{color:var(--accent-color, #C73E1D);font-weight:var(--font-weight-semibold)}.terrain-slider{width:100%;height:4px;border-radius:2px;background:#0f5c6d33;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.terrain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary-color, #0F5C6D);cursor:pointer;transition:all .2s ease}.terrain-slider::-webkit-slider-thumb:hover{background:var(--primary-hover, #0A4455);transform:scale(1.1)}.terrain-slider::-webkit-slider-thumb:active{transform:scale(.95)}.terrain-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-color, #0F5C6D);cursor:pointer;border:none;transition:all .2s ease}.terrain-slider::-moz-range-thumb:hover{background:var(--primary-hover, #0A4455);transform:scale(1.1)}.terrain-slider::-moz-range-thumb:active{transform:scale(.95)}.terrain-preset-buttons{display:flex;gap:3px}.terrain-preset-btn{flex:1;padding:6px 4px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);color:var(--text-primary, #0F5C6D);font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:var(--glass-shadow-sm)}.terrain-preset-btn:hover:not(.active){background:var(--glass-bg-light);border-color:var(--glass-border-accent);transform:translateY(-1px);box-shadow:var(--glass-shadow-md)}.terrain-preset-btn:active{transform:translateY(0)}.terrain-preset-btn.active{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--control-active-text, #FDF9F2);border-color:#1f7a8c66;font-weight:var(--font-weight-semibold);box-shadow:var(--glass-shadow-md)}.terrain-preset-btn:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-shadow, rgba(15, 92, 109, .3))}.map-control.map-style-control{background:var(--control-bg, #FDF9F2);border-radius:6px;box-shadow:0 2px 8px #0f5c6d26;padding:10px 12px;min-width:240px;max-width:260px;bottom:80px;right:280px;flex-direction:column;gap:8px;z-index:1000}.map-style-control .control-label{font-size:var(--font-size-sm);color:var(--text-primary, #0F5C6D);margin-bottom:2px;font-weight:var(--font-weight-medium)}.map-style-buttons{display:flex;gap:3px}.map-style-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);color:var(--text-primary, #0F5C6D);font-family:var(--font-primary);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;min-height:50px;box-shadow:var(--glass-shadow-sm)}.map-style-icon{font-size:var(--font-size-h3);line-height:var(--line-height-tight)}.map-style-label{font-size:var(--font-size-xxs);text-align:center;line-height:var(--line-height-tight)}.map-style-btn:hover:not(.active):not(:disabled){background:var(--glass-bg-light);border-color:var(--glass-border-accent);transform:translateY(-1px);box-shadow:var(--glass-shadow-md)}.map-style-btn:active{transform:translateY(0)}.map-style-btn.active{background:#d87a39e6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--control-active-text, #FDF9F2);border-color:#d87a3966;font-weight:var(--font-weight-semibold);box-shadow:var(--glass-shadow-md)}.map-style-btn:disabled{opacity:.5;cursor:not-allowed}.map-style-btn:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-shadow, rgba(15, 92, 109, .3))}.map-style-control.loading{opacity:.7;pointer-events:none}.map-style-loading{font-size:var(--font-size-xs);color:var(--text-muted, #666);text-align:center;padding:4px 0}.map-style-control.disabled{opacity:.6;pointer-events:none}.map-control.view3d-control{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);box-shadow:var(--glass-shadow-md);overflow:hidden;top:70px;left:20px;flex-direction:row;z-index:1000;transition:all .3s ease}.map-control.view3d-control:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg)}.view3d-control-inner{display:flex;align-items:stretch;gap:8px}.view3d-btn-group{display:flex}.view3d-btn{min-width:50px;height:40px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:none;cursor:pointer;font-size:var(--font-size-h5);font-weight:var(--font-weight-medium);color:#333;transition:all .3s ease;padding:0 14px;border-right:var(--glass-border-light)}.view3d-btn:last-child{border-right:none}.view3d-btn:hover:not(.active):not(:disabled){background:var(--glass-bg-light);color:#000}.view3d-btn:active:not(.active):not(:disabled){background:var(--glass-bg-subtle)}.view3d-btn.active{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:var(--glass-shadow-md)}.view3d-btn:disabled,.view3d-btn.unavailable{opacity:.5;cursor:not-allowed;color:#999}.view3d-btn:disabled:hover{background:var(--glass-bg-subtle);color:#999}.view3d-symbol-toggle{display:flex}.view3d-symbol-toggle .symbol-toggle-btn{min-width:120px;height:40px;border:none;border-left:var(--glass-border-light);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);cursor:pointer;font-size:var(--font-size-h6);font-weight:var(--font-weight-medium);color:#333;transition:all .3s ease;padding:0 16px;border-radius:var(--glass-radius-sm)}.view3d-symbol-toggle .symbol-toggle-btn.active{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:var(--glass-shadow-md)}.view3d-symbol-toggle .symbol-toggle-btn:hover:not(.active):not(.disabled):not(:disabled){background:var(--glass-bg-light);color:#000}.view3d-symbol-toggle .symbol-toggle-btn.disabled,.view3d-symbol-toggle .symbol-toggle-btn:disabled{opacity:.5;cursor:not-allowed;color:#999}.view3d-symbol-toggle .symbol-toggle-btn.disabled:hover,.view3d-symbol-toggle .symbol-toggle-btn:disabled:hover{background:var(--glass-bg-medium);color:#999}@media(max-width:768px){.map-control.terrain-control,.map-control.map-style-control{min-width:200px;max-width:220px;padding:10px}.terrain-control-group{gap:5px}.terrain-preset-btn,.map-style-btn{font-size:var(--font-size-xxs);padding:5px 3px}.map-style-icon{font-size:var(--font-size-lg)}.map-style-label{font-size:var(--font-size-xxs)}.view3d-btn{min-width:45px;padding:0 10px;font-size:var(--font-size-base)}}.toggle-icon{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--text-secondary, #1F7A8C);transition:transform .3s ease;-webkit-user-select:none;user-select:none}.sidebar.collapsed{transform:translate(calc(-100% - var(--edge-gap, 8px)))}body.sidebar-collapsed .sidebar-toggle{left:0!important}body.sidebar-collapsed .sidebar-toggle .toggle-icon{transform:rotate(180deg)}.sidebar{transition:transform .3s ease}#app-main:has(.sidebar.collapsed) #app-container{margin-left:0}body.sidebar-collapsed #app-container{margin-left:0}#left-sidebar,.sidebar,.unified-sidebar{background:#ffffff59!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.unified-sidebar{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.floating-filters-container{position:sticky;top:0;z-index:100;background:transparent;border-bottom:none;box-shadow:none}.filters-header{display:flex;align-items:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-md, 16px);background:transparent}.filters-expand-toggle{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000f;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.filters-expand-toggle:hover{background:#fffc;border-color:#1f7a8c4d;box-shadow:0 4px 12px #0000001a;transform:scale(1.05)}.filters-toggle-icon{font-size:14px;color:var(--text-secondary, #666);transition:transform .3s ease;-webkit-user-select:none;user-select:none}.filters-expand-toggle.expanded .filters-toggle-icon{transform:rotate(180deg)}.minimal-filters{display:flex;gap:var(--spacing-xs, 6px);flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.minimal-filters::-webkit-scrollbar{height:4px}.minimal-filters::-webkit-scrollbar-track{background:transparent}.minimal-filters::-webkit-scrollbar-thumb{background:var(--border-color, #e0e0e0);border-radius:2px}.filter-dropdown-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-color, #e0e0e0);border-radius:var(--border-radius-md, 6px);background:var(--background-primary, #ffffff);cursor:pointer;white-space:nowrap;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #333);transition:all .2s ease}.filter-dropdown-btn:hover{background:var(--background-hover, #f5f5f5);border-color:var(--primary-color, #1F7A8C);color:var(--primary-color, #1F7A8C)}.filter-dropdown-btn.active{background:var(--primary-color, #1F7A8C);color:#fff;border-color:var(--primary-color, #1F7A8C)}.filter-icon{font-size:16px;line-height:1}.filter-label{line-height:1}.search-container{position:relative;flex:1;min-width:120px}.expandable-search{width:100%;padding:12px 40px 12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:16px;font-size:15px;color:var(--text-primary, #333);background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.expandable-search:focus{outline:none;border-color:#1f7a8c66;background:#ffffffd9;box-shadow:0 6px 16px #0000001f,0 0 0 3px #1f7a8c1a}.expandable-search::placeholder{color:#0006}.search-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:#0000000d;color:var(--text-secondary, #666);cursor:pointer;font-size:16px;line-height:1;border-radius:50%;transition:all .2s ease;display:none}.search-container.has-value .search-clear-btn{display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{background:#0000001a;color:var(--primary-color, #1F7A8C);transform:translateY(-50%) scale(1.1)}.expanded-filters-panel{max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;background:#ffffff80;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:16px;margin:8px 12px;box-shadow:0 4px 16px #00000014;opacity:0}.expanded-filters-panel.expanded{max-height:60vh;overflow-y:auto;overflow-x:hidden;opacity:1}.expanded-filters-panel:not(.collapsed){max-height:60vh;overflow-y:auto;opacity:1}.expanded-filters-panel .sidebar-section{padding:16px;border-bottom:1px solid rgba(0,0,0,.06)}.expanded-filters-panel .sidebar-section:last-child{border-bottom:none}.expanded-filters-panel .section-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #333);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.list-view-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;background:transparent}.list-view-content #list-placeholder{height:100%}.unified-sidebar .list-item,.unified-sidebar .list-item-compact{background:#fff9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:12px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;margin-bottom:8px}.unified-sidebar .list-item:hover,.unified-sidebar .list-item-compact:hover{background:#ffffffbf;border-color:#1f7a8c4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.unified-sidebar .list-item.active,.unified-sidebar .list-item.selected,.unified-sidebar .list-item-compact.selected{background:#1f7a8c26;border-color:#1f7a8c66;box-shadow:0 4px 16px #1f7a8c33;border-left-width:3px}.unified-sidebar .list-items{padding:0;gap:0}.expanded-filters-panel .filter-control input[type=text],.expanded-filters-panel .filter-control input[type=number],.expanded-filters-panel .filter-control input[type=date],.expanded-filters-panel .filter-control select{background:#ffffff80;border:1px solid rgba(255,255,255,.4);border-radius:10px;padding:8px 12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.expanded-filters-panel .filter-control input:focus,.expanded-filters-panel .filter-control select:focus{background:#ffffffb3;border-color:#1f7a8c66;box-shadow:0 0 0 3px #1f7a8c1a;outline:none}.expanded-filters-panel .checkbox-wrapper{padding:8px;border-radius:8px;transition:background .2s ease}.expanded-filters-panel .checkbox-wrapper:hover{background:#00000008}body.dark-mode .expanded-filters-panel .filter-control input,body.dark-mode .expanded-filters-panel .filter-control select{background:#2a2a2a80;border-color:#ffffff26;color:var(--dm-text-primary, #e0e0e0)}body.dark-mode .expanded-filters-panel .filter-control input:focus,body.dark-mode .expanded-filters-panel .filter-control select:focus{background:#2a2a2ab3;border-color:#2a9d8f80;box-shadow:0 0 0 3px #2a9d8f26}body.dark-mode .expanded-filters-panel .checkbox-wrapper:hover{background:#ffffff0d}.list-view-content::-webkit-scrollbar,.expanded-filters-panel::-webkit-scrollbar{width:6px}.list-view-content::-webkit-scrollbar-track,.expanded-filters-panel::-webkit-scrollbar-track{background:transparent}.list-view-content::-webkit-scrollbar-thumb,.expanded-filters-panel::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.list-view-content::-webkit-scrollbar-thumb:hover,.expanded-filters-panel::-webkit-scrollbar-thumb:hover{background:#00000040}body.dark-mode .list-view-content::-webkit-scrollbar-thumb,body.dark-mode .expanded-filters-panel::-webkit-scrollbar-thumb{background:#ffffff26}body.dark-mode .list-view-content::-webkit-scrollbar-thumb:hover,body.dark-mode .expanded-filters-panel::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media screen and (max-width:768px){.filters-header{flex-wrap:wrap;padding:var(--spacing-sm, 8px)}.minimal-filters{order:2;width:100%;margin-top:var(--spacing-xs, 6px)}.search-container{flex:1;min-width:0;max-width:none}.filter-dropdown-btn{font-size:var(--font-size-xs, 12px);padding:4px 8px}.filter-icon{font-size:14px}.expanded-filters-panel.expanded{max-height:50vh}}body.dark-mode #left-sidebar,body.dark-mode .sidebar,body.dark-mode .unified-sidebar{background:#1a1a1a59!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}body.dark-mode .floating-filters-container{background:transparent;border-bottom-color:transparent}body.dark-mode .filters-header{background:transparent}body.dark-mode .filters-expand-toggle,body.dark-mode .filter-dropdown-btn,body.dark-mode .expandable-search{background:#2a2a2ab3;border-color:#ffffff26;color:var(--dm-text-primary, #e0e0e0);box-shadow:0 4px 12px #0000004d}body.dark-mode .expandable-search:focus{background:#2a2a2ad9;border-color:#2a9d8f80;box-shadow:0 6px 16px #0006,0 0 0 3px #2a9d8f26}body.dark-mode .expandable-search::placeholder{color:#ffffff59}body.dark-mode .filters-expand-toggle{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .filters-expand-toggle:hover{background:#2a2a2acc;border-color:#2a9d8f66;box-shadow:0 4px 12px #0006}body.dark-mode .expanded-filters-panel{background:#2a2a2a80;border-color:#ffffff1a;box-shadow:0 4px 16px #0006}body.dark-mode .expanded-filters-panel .sidebar-section{border-bottom-color:#ffffff0f}body.dark-mode .expanded-filters-panel .section-title{color:var(--dm-text-primary, #e0e0e0)}body.dark-mode .list-item,body.dark-mode .list-item-compact{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .list-item:hover,body.dark-mode .list-item-compact:hover{background:#2a2a2abf;border-color:#2a9d8f4d;box-shadow:0 4px 12px #0006}body.dark-mode .list-item.active,body.dark-mode .list-item.selected,body.dark-mode .list-item-compact.selected{background:#2a9d8f33;border-color:#2a9d8f80;box-shadow:0 4px 16px #2a9d8f4d}body.dark-mode .filters-expand-toggle:hover,body.dark-mode .filter-dropdown-btn:hover{background:var(--dm-background-hover, #333)}body.dark-mode .filter-dropdown-btn.active{background:var(--dm-primary-color, #2A9D8F);color:#fff;border-color:var(--dm-primary-color, #2A9D8F)}body.dark-mode .expanded-filters-panel{background:var(--dm-background-secondary, #2a2a2a);border-top-color:var(--dm-border-color, #333)}body.dark-mode .list-view-content{background:var(--dm-background-primary, #1a1a1a)}.filters-slide-in{animation:slideIn .3s ease}.filters-slide-out{animation:slideOut .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.panel{margin-bottom:15px;border-radius:var(--glass-radius-lg);overflow:hidden;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);box-shadow:var(--glass-shadow-md);transition:all .3s ease}.panel:hover{background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);cursor:pointer;position:relative;border-bottom:var(--glass-border-light);transition:all .3s ease}.panel-header:hover{background:var(--glass-bg-medium)}.source-list-panel .panel-header,.surname-list-panel .panel-header{position:relative;cursor:default}.source-list-panel .panel-title,.surname-list-panel .panel-title{flex:1;margin-right:10px}.panel-title{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-h3)}.panel-toggle,.collapse-button{border:var(--glass-border-light);background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-size:var(--font-size-h2);cursor:pointer;transition:all .3s ease;padding:6px 10px;border-radius:var(--glass-radius-sm);margin-left:auto;box-shadow:var(--glass-shadow-sm)}.panel-toggle:hover,.collapse-button:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:scale(1.05)}.panel-toggle.collapsed{transform:rotate(-90deg)}.panel-content{padding:15px;transition:max-height .3s ease,padding .3s ease;overflow-y:auto;overflow-x:hidden;max-height:1000px}.panel.collapsed .panel-content{max-height:0!important;padding-top:0;padding-bottom:0;opacity:0}.panel{transition:all .3s ease}.panel .panel-content{transition:max-height .3s ease,padding .3s ease,opacity .3s ease}.filter-container{margin-bottom:20px}.filter-container .controls{margin-bottom:10px}.filter-select{width:100%;padding:10px 14px;border:var(--glass-border-light);border-radius:var(--glass-radius-md);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-family:var(--font-content);font-size:var(--font-size-base);color:var(--text-primary);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.filter-select:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}.filter-select:hover{background:var(--glass-bg-light);border-color:var(--glass-border-medium)}.filter-form{display:flex;flex-direction:column;gap:15px}.filter-section{border-bottom:var(--glass-border-light);margin-bottom:16px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:var(--glass-radius-sm);padding:16px;box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.filter-section:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-md)}.filter-section-title{font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-h5);margin-bottom:10px}.filter-control{margin-bottom:10px}.filter-actions{display:flex;justify-content:space-between;margin-top:15px}.text-filter-input,.range-filter-input,.date-filter-input{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-content);font-size:var(--font-size-base);box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.text-filter-input:focus,.range-filter-input:focus,.date-filter-input:focus{outline:none;background:#ffffffbf;border-color:#1f7a8c66;box-shadow:0 4px 12px #0000001a,0 0 0 3px #1f7a8c1a}.category-filter-checkbox{margin-right:8px}.checkbox-wrapper{display:flex;align-items:center;margin-bottom:8px;font-family:var(--font-content);font-size:var(--font-size-base)}.apply-filters-btn{padding:10px 18px;background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);cursor:pointer;box-shadow:var(--glass-shadow-md);transition:all .3s ease;font-weight:500}.apply-filters-btn:hover{background:#1f7a8c;box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.reset-filters-btn{padding:10px 18px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-md);cursor:pointer;box-shadow:var(--glass-shadow-sm);transition:all .3s ease;font-weight:500}.reset-filters-btn:hover{background:var(--glass-bg-light);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}#searchInput{width:100%;padding:12px 16px;border:var(--glass-border-light);border-radius:var(--glass-radius-pill);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-family:var(--font-content);font-size:var(--font-size-base);margin-bottom:10px;box-shadow:var(--glass-shadow-md);transition:all .3s ease}#searchInput:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-lg),var(--glass-focus-ring)}#searchInput::placeholder{color:#0006}.view-toggle-container{display:flex;align-items:center;margin-top:10px}.view-toggle-container input[type=checkbox]{margin-right:5px}.view-toggle-container label{margin-right:15px;font-size:var(--font-size-lg)}.time-label-container{margin-bottom:15px}.time-label{font-size:var(--font-size-lg);margin-bottom:5px}.timeline-controls{padding:10px 0}#timeline-container{padding:0 10px}#legend-container{margin-top:20px;padding:10px;background:#f9f9f9;border-radius:4px}#legend-title{font-weight:var(--font-weight-bold);margin-bottom:10px}.legend-item{display:flex;align-items:center;padding:6px 8px;margin:2px 0;border-radius:var(--glass-radius-sm);transition:all .3s ease;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.legend-item:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-sm);transform:translateY(-1px)}.legend-color{width:16px;height:16px;border-radius:50%;margin-right:8px}.legend-label{font-size:var(--font-size-lg);color:var(--text-primary)}.list-view{height:100%}.list-header{padding:10px 5px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow-sm);position:sticky;top:0;z-index:10;transition:all .3s ease}.list-info{font-size:var(--font-size-lg);color:#666}.list-items{display:flex;flex-direction:column;gap:8px;padding:10px 5px}.list-item{padding:12px 14px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-sm);cursor:pointer;transition:all .3s ease;margin-bottom:8px}.list-item:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.list-item.active,.list-item.selected{background:#1f7a8c26;border-color:#1f7a8c66;box-shadow:0 4px 16px #1f7a8c33;border-left-width:3px}.list-item h4{margin-bottom:10px;font-family:var(--font-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.list-item p{margin-bottom:5px;font-family:var(--font-content);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.location-details-panel{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium)}.location-details-panel.location-level-country{box-shadow:var(--glass-shadow-md),inset 0 0 0 1px #1f7a8c1a}.location-details-panel.location-level-district{box-shadow:var(--glass-shadow-md),inset 0 0 0 1px #34a8531a}.location-details-panel.location-level-subdistrict{box-shadow:var(--glass-shadow-md),inset 0 0 0 1px #fbbc051a}.location-details-panel.location-level-region{box-shadow:var(--glass-shadow-md),inset 0 0 0 1px #ea43351a}.location-details-panel.location-level-subregion{box-shadow:var(--glass-shadow-md),inset 0 0 0 1px #9c27b01a}.location-details-panel.location-level-country .panel-header{border-left:var(--glass-border-light);border-left-color:#1f7a8c40;background:linear-gradient(to right,rgba(31,122,140,.05),var(--glass-bg-subtle))}.location-details-panel.location-level-district .panel-header{border-left:var(--glass-border-light);border-left-color:#34a85340;background:linear-gradient(to right,rgba(52,168,83,.05),var(--glass-bg-subtle))}.location-details-panel.location-level-subdistrict .panel-header{border-left:var(--glass-border-light);border-left-color:#fbbc0540;background:linear-gradient(to right,rgba(251,188,5,.05),var(--glass-bg-subtle))}.location-details-panel.location-level-region .panel-header{border-left:var(--glass-border-light);border-left-color:#ea433540;background:linear-gradient(to right,rgba(234,67,53,.05),var(--glass-bg-subtle))}.location-details-panel.location-level-subregion .panel-header{border-left:var(--glass-border-light);border-left-color:#9c27b040;background:linear-gradient(to right,rgba(156,39,176,.05),var(--glass-bg-subtle))}.location-details{display:flex;flex-direction:column;gap:20px;padding:5px;position:relative}.location-details.location-level-country .details-section{border-left:var(--glass-border-light);border-left-color:#1f7a8c33}.location-details.location-level-district .details-section{border-left:var(--glass-border-light);border-left-color:#34a85333}.location-details.location-level-subdistrict .details-section{border-left:var(--glass-border-light);border-left-color:#fbbc0533}.location-details.location-level-region .details-section{border-left:var(--glass-border-light);border-left-color:#ea433533}.location-details.location-level-subregion .details-section{border-left:var(--glass-border-light);border-left-color:#9c27b033}.location-details .details-section{padding:15px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-sm)}.location-details .section-title{font-family:var(--font-secondary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0 0 12px;color:var(--text-primary);border-bottom:var(--glass-border-light);padding-bottom:8px}.metadata-grid{display:grid;grid-template-columns:1fr;gap:10px}.metadata-item{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 10px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:var(--glass-radius-sm);border:var(--glass-border-subtle)}.metadata-label{font-family:var(--font-content);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap}.metadata-value{font-family:var(--font-content);font-size:var(--font-size-base);color:var(--text-primary);text-align:right;flex:1}.level-badge{display:inline-block;padding:4px 10px;border-radius:var(--glass-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;background:var(--glass-bg-light);border:var(--glass-border-medium)}.level-badge.level-country{background:#1f7a8c26;border-color:#1f7a8c4d;color:#1f7a8c}.level-badge.level-district{background:#34a85326;border-color:#34a8534d;color:#34a853}.level-badge.level-subdistrict{background:#fbbc0526;border-color:#fbbc054d;color:#b48600}.level-badge.level-region{background:#ea433526;border-color:#ea43354d;color:#ea4335}.level-badge.level-subregion{background:#9c27b026;border-color:#9c27b04d;color:#9c27b0}.statistics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:15px 10px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:var(--glass-radius-md);border:var(--glass-border-light);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-md);background:var(--glass-bg-light)}.stat-value{font-family:var(--font-secondary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--accent-primary);line-height:1;margin-bottom:6px}.stat-label{font-family:var(--font-content);font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.related-items-list{display:flex;flex-direction:column;gap:8px}.related-item{padding:12px 14px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-md);cursor:pointer;transition:all .3s ease}.related-item:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translate(4px)}.related-item .item-title{font-family:var(--font-content);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:4px}.related-item .item-meta{font-family:var(--font-content);font-size:var(--font-size-sm);color:var(--text-secondary)}.empty-section{text-align:center;padding:30px 20px}.empty-message{font-family:var(--font-content);font-size:var(--font-size-base);color:var(--text-secondary);font-style:italic}.error-container{padding:30px 20px;text-align:center}.error-title{font-family:var(--font-secondary);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:#e53935;margin:0 0 10px}.error-message{font-family:var(--font-content);font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.control-group{display:flex;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);padding:16px;font-family:var(--font-secondary);font-size:var(--font-size-base);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.control-group:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.control-group.orientation-horizontal{flex-direction:column}.control-group.orientation-horizontal .control-group-content{display:flex;flex-direction:row}.control-group.orientation-vertical{flex-direction:column}.control-group.orientation-vertical .control-group-content{display:flex;flex-direction:column}.control-group.spacing-none .control-group-content{gap:0}.control-group.spacing-small .control-group-content{gap:8px}.control-group.spacing-medium .control-group-content{gap:16px}.control-group.spacing-large .control-group-content{gap:24px}.control-group.align-start .control-group-content{align-items:flex-start}.control-group.align-center .control-group-content{align-items:center}.control-group.align-end .control-group-content{align-items:flex-end}.control-group.align-stretch .control-group-content{align-items:stretch}.control-group.wrap .control-group-content{flex-wrap:wrap}.control-group.size-small{padding:12px;font-size:var(--font-size-lg)}.control-group.size-medium{padding:16px;font-size:var(--font-size-h3)}.control-group.size-large{padding:20px;font-size:var(--font-size-h2)}.control-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.control-group-title{margin:0;font-size:1.1em;font-weight:var(--font-weight-semibold);color:#333}.control-group-collapse{background:none;border:1px solid #ddd;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:var(--font-size-base);color:#666;transition:all .2s ease;min-width:24px;text-align:center}.control-group-collapse:hover{background:var(--glass-bg-light);border-color:var(--glass-border-medium);box-shadow:var(--glass-shadow-sm)}.control-group-collapse:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.control-group.collapsed .control-group-content{display:none}.control-group.collapsed{padding-bottom:8px}.control-group-content{flex:1}.control-item{display:flex;align-items:center;position:relative;transition:opacity .2s ease}.control-item.disabled{opacity:.6;pointer-events:none}.control-label{font-weight:var(--font-weight-medium);color:#555;margin:0 8px 0 0;cursor:pointer;white-space:nowrap}.control-item.size-small .control-label{font-size:var(--font-size-base);margin:0 6px 0 0}.control-item.size-medium .control-label{font-size:var(--font-size-lg);margin:0 8px 0 0}.control-item.size-large .control-label{font-size:var(--font-size-h3);margin:0 10px 0 0}.control-item .control-label:last-child{margin:0 0 0 8px}.control-item.size-small input,.control-item.size-small select,.control-item.size-small textarea,.control-item.size-small button{padding:4px 8px;font-size:var(--font-size-base)}.control-item.size-medium input,.control-item.size-medium select,.control-item.size-medium textarea,.control-item.size-medium button{padding:6px 12px;font-size:var(--font-size-lg)}.control-item.size-large input,.control-item.size-large select,.control-item.size-large textarea,.control-item.size-large button{padding:8px 16px;font-size:var(--font-size-h3)}.control-item input,.control-item select,.control-item textarea{border:var(--glass-border-light);border-radius:var(--glass-radius-md);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.control-item input:focus,.control-item select:focus,.control-item textarea:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}.control-item input:disabled,.control-item select:disabled,.control-item textarea:disabled{background:var(--glass-bg-subtle);color:#999;cursor:not-allowed;opacity:var(--opacity-disabled)}.control-item button{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);cursor:pointer;transition:all .3s ease;font-weight:var(--font-weight-medium);box-shadow:var(--glass-shadow-md)}.control-item button:hover{background:#1f7a8c;box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.control-item button:focus{outline:none;box-shadow:var(--glass-focus-glow)}.control-item button:disabled{background:#6c757d;border-color:#6c757d;cursor:not-allowed}.control-item button.secondary{background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--primary);border-color:var(--primary);box-shadow:var(--glass-shadow-sm)}.control-item button.secondary:hover{background:var(--glass-bg-light);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.control-btn,#help-btn,#settings-btn,#about-btn{background:var(--glass-bg-medium)!important;backdrop-filter:var(--glass-blur-light)!important;-webkit-backdrop-filter:var(--glass-blur-light)!important;border:var(--glass-border-light)!important;border-radius:var(--glass-radius-sm)!important;padding:8px 12px!important;font-size:var(--font-size-lg)!important;font-weight:var(--font-weight-medium);color:#333!important;cursor:pointer;box-shadow:var(--glass-shadow-sm)!important;transition:all .3s ease;display:inline-flex!important;align-items:center;justify-content:center;min-width:36px!important;height:36px!important}.control-btn:hover{background:var(--glass-bg-light)!important;border-color:var(--glass-border-accent)!important;box-shadow:var(--glass-shadow-md)!important;color:#000;transform:translateY(-1px) scale(1.05)}.control-btn:active{background:#e5e5e5;transform:translateY(1px)}.control-item input[type=checkbox],.control-item input[type=radio]{margin:0 8px 0 0;transform:scale(1.1)}.control-group.disabled{opacity:.6;pointer-events:none;background:var(--glass-bg-subtle)}.control-item.error input,.control-item.error select,.control-item.error textarea{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.control-item.warning input,.control-item.warning select,.control-item.warning textarea{border-color:#ffc107;box-shadow:0 0 0 2px #ffc10740}.control-item.success input,.control-item.success select,.control-item.success textarea{border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.search-input,.text-search-input{padding:12px 16px;border:var(--glass-border-light);border-radius:var(--glass-radius-pill);font-size:var(--font-size-lg);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;box-shadow:var(--glass-shadow-md);transition:all .3s ease;width:100%}.search-input:focus,.text-search-input:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-lg),var(--glass-focus-ring)}.search-input::placeholder,.text-search-input::placeholder{color:#0006}.search-btn{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);padding:10px 18px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;box-shadow:var(--glass-shadow-md)}.search-btn:hover{background:#1f7a8c;box-shadow:var(--glass-shadow-lg);transform:translateY(-2px)}.search-btn:focus{outline:none;box-shadow:var(--glass-shadow-lg),var(--glass-focus-glow)}.search-input-container{display:flex;align-items:center;gap:8px;width:100%}.search-filter{padding:6px 12px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);font-size:var(--font-size-h5);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;cursor:pointer;transition:all .2s ease;box-shadow:var(--glass-shadow-sm)}.search-filter:hover{background:var(--glass-bg-light);border-color:var(--glass-border-medium);box-shadow:var(--glass-shadow-md)}.search-filter.active{background:#007bff;color:#fff;border-color:#007bff}.form-group{display:flex;flex-direction:column;margin-bottom:20px;padding:16px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-family:var(--font-secondary);font-size:var(--font-size-base);box-shadow:var(--glass-shadow-sm)}.form-group>label{font-weight:var(--font-weight-semibold);color:#333;margin-bottom:12px;font-size:var(--font-size-lg)}.checkbox-group{display:flex;align-items:center;margin-bottom:12px;gap:8px}.checkbox-group:last-child{margin-bottom:0}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.1);cursor:pointer}.checkbox-group label{margin:0;font-weight:var(--font-weight-medium);color:#555;cursor:pointer;font-size:var(--font-size-lg)}.checkbox-group input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.filter-controls{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:16px;gap:16px;box-shadow:var(--glass-shadow-sm)}.filter-group{display:flex;flex-direction:column;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:12px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.filter-group-title{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 12px;font-size:var(--font-size-lg);padding-bottom:8px;border-bottom:var(--glass-border-light)}.dropdown-filter{display:flex;flex-direction:column;margin-bottom:16px}.dropdown-filter label{font-weight:var(--font-weight-medium);color:#555;margin-bottom:6px;font-size:var(--font-size-lg)}.dropdown-filter select{padding:10px 14px;border:var(--glass-border-light);border-radius:var(--glass-radius-md);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;font-size:var(--font-size-lg);cursor:pointer;box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.dropdown-filter select:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}.dropdown-filter select:disabled{background:var(--glass-bg-subtle);color:#999;cursor:not-allowed;opacity:var(--opacity-disabled)}.range-filter{display:flex;flex-direction:column;margin-bottom:16px}.range-filter label{font-weight:var(--font-weight-medium);color:#555;margin-bottom:8px;font-size:var(--font-size-lg);display:flex;justify-content:space-between;align-items:center}.range-slider{height:6px;background:#e0e0e0;border-radius:3px;position:relative;cursor:pointer;transition:background-color .2s ease}.range-slider:hover{background:#d0d0d0}.range-slider:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.range-value{font-weight:var(--font-weight-semibold);color:var(--primary);font-size:var(--font-size-h5);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);padding:2px 8px;border-radius:var(--glass-radius-sm);border:var(--glass-border-light);box-shadow:var(--glass-shadow-sm)}.date-range-control{display:flex;flex-direction:column;gap:12px;padding:12px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);margin-bottom:16px;box-shadow:var(--glass-shadow-sm)}.date-range-control label{font-weight:var(--font-weight-medium);color:#555;font-size:var(--font-size-lg);margin-bottom:4px}.date-range-control input[type=number],.date-range-control input[type=date]{padding:10px 14px;border:var(--glass-border-light);border-radius:var(--glass-radius-md);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;font-size:var(--font-size-lg);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.date-range-control input:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}.date-range-control input:disabled{background:var(--glass-bg-subtle);color:#999;cursor:not-allowed;opacity:var(--opacity-disabled)}.period-range-control{display:flex;flex-direction:column;gap:12px;padding:12px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);margin-bottom:16px;box-shadow:var(--glass-shadow-sm)}.period-range-control label{font-weight:var(--font-weight-medium);color:#555;font-size:var(--font-size-lg);margin-bottom:4px}.period-range-control select{padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:var(--font-size-lg);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.period-range-control select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-panel-container{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow-sm);overflow:hidden}.filter-panel-container .panel-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:12px 16px;font-weight:var(--font-weight-semibold);color:#333}.filter-panel-container .panel-body{padding:16px;flex:1}.selected{background:#e3f2fd!important;border-color:#007bff!important;color:#007bff}.selected:hover{background:#bbdefb!important}.toggle-filter{display:flex;align-items:center;gap:12px;padding:12px 16px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);cursor:pointer;transition:all .3s ease;box-shadow:var(--glass-shadow-sm)}.toggle-filter:hover{background:var(--glass-bg-light);border-color:var(--glass-border-medium);box-shadow:var(--glass-shadow-md)}.toggle-filter.active{background:#e3f2fd;border-color:#007bff;color:#007bff}.toggle-filter input[type=checkbox]{margin:0;transform:scale(1.2);cursor:pointer}.toggle-filter label{font-weight:var(--font-weight-medium);color:#555;cursor:pointer;margin:0;flex:1;font-size:var(--font-size-lg)}.toggle-filter.active label{color:#007bff;font-weight:var(--font-weight-semibold)}.preferences-form{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:20px;max-width:500px;gap:20px;box-shadow:var(--glass-shadow-sm)}.preferences-form h3{margin:0 0 16px;color:#333;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);padding-bottom:8px;border-bottom:1px solid #e0e0e0}.preferences-form .form-section{display:flex;flex-direction:column;gap:12px}.preferences-form .form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;border-top:1px solid #e0e0e0}.preferences-form .form-actions button{padding:8px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;font-size:var(--font-size-lg);cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-medium)}.preferences-form .form-actions button:hover{background:#f8f9fa;border-color:#ccc}.preferences-form .form-actions button.primary{background:#007bff;color:#fff;border-color:#007bff}.preferences-form .form-actions button.primary:hover{background:#0056b3;border-color:#0056b3}.prompt-dialog{display:flex;flex-direction:column;padding:20px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);min-width:300px;gap:16px;box-shadow:var(--glass-shadow-md)}.prompt-dialog p{margin:0;color:#555;line-height:var(--line-height-normal);font-size:var(--font-size-lg)}.prompt-input{padding:10px 12px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#333;font-size:var(--font-size-lg);transition:all .3s ease;width:100%;box-sizing:border-box;box-shadow:var(--glass-shadow-sm)}.prompt-input:focus{outline:none;border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}.prompt-input::placeholder{color:#999}@media(prefers-color-scheme:dark){.control-group{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.control-group:hover{box-shadow:0 4px 8px #0000004d}.control-group-header{border-bottom-color:#404040}.control-group-title{color:#e0e0e0}.control-group-collapse{background:#404040;border-color:#555;color:#e0e0e0}.control-group-collapse:hover{background:#505050;border-color:#666}.control-label{color:#b0b0b0}.control-item input,.control-item select,.control-item textarea{background:#404040;border-color:#555;color:#e0e0e0}.control-item input:focus,.control-item select:focus,.control-item textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.control-item input:disabled,.control-item select:disabled,.control-item textarea:disabled{background:#2d2d2d;color:#666}.control-item button.secondary{background:#404040;color:#007bff;border-color:#007bff}.control-item button.secondary:hover{background:#505050}.control-group.disabled{background:#1a1a1a}.form-group{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.form-group>label{color:#e0e0e0}.checkbox-group label{color:#b0b0b0}.filter-controls{background:#2d2d2d;border-color:#404040}.filter-group{background:#1a1a1a;border-color:#404040}.filter-group-title{color:#e0e0e0;border-bottom-color:#404040}.dropdown-filter label{color:#b0b0b0}.dropdown-filter select{background:#404040;border-color:#555;color:#e0e0e0}.dropdown-filter select:focus{border-color:#007bff}.dropdown-filter select:disabled{background:#2d2d2d;color:#666}.range-filter label{color:#b0b0b0}.range-slider{background:#404040}.range-slider:hover{background:#505050}.range-value{background:#404040;border-color:#555;color:#007bff}.date-range-control{background:#2d2d2d;border-color:#404040}.date-range-control label{color:#b0b0b0}.date-range-control input{background:#404040;border-color:#555;color:#e0e0e0}.date-range-control input:focus{border-color:#007bff}.date-range-control input:disabled{background:#2d2d2d;color:#666}.period-range-control{background:#2d2d2d;border-color:#404040}.period-range-control label{color:#b0b0b0}.period-range-control select{background:#404040;border-color:#555;color:#e0e0e0}.period-range-control select:focus{border-color:#007bff}.filter-panel-container{background:#2d2d2d;border-color:#404040}.filter-panel-container .panel-header{background:#1a1a1a;border-bottom-color:#404040;color:#e0e0e0}.selected{background:#1a237e!important;border-color:#007bff!important;color:#90caf9}.selected:hover{background:#283593!important}.toggle-filter{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.toggle-filter:hover{background:#404040;border-color:#555}.toggle-filter.active{background:#1a237e;border-color:#007bff;color:#90caf9}.toggle-filter label{color:#b0b0b0}.toggle-filter.active label{color:#90caf9}.preferences-form{background:#2d2d2d;border-color:#404040}.preferences-form h3{color:#e0e0e0;border-bottom-color:#404040}.preferences-form .form-actions{border-top-color:#404040}.preferences-form .form-actions button{background:#404040;border-color:#555;color:#e0e0e0}.preferences-form .form-actions button:hover{background:#505050;border-color:#666}.preferences-form .form-actions button.primary{background:#007bff;border-color:#007bff;color:#fff}.preferences-form .form-actions button.primary:hover{background:#0056b3;border-color:#0056b3}.prompt-dialog{background:#2d2d2d}.prompt-dialog p{color:#b0b0b0}.prompt-input{background:#404040;border-color:#555;color:#e0e0e0}.prompt-input:focus{border-color:#007bff}.prompt-input::placeholder{color:#777}}.item-list{display:flex;flex-direction:column;gap:8px}.item-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:#333;margin:0 0 4px;line-height:var(--line-height-normal)}.item-subtitle{font-size:var(--font-size-lg);color:#666;margin:0 0 8px;line-height:var(--line-height-normal)}.item-content{display:flex;flex-direction:column;flex:1;gap:4px}.item-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.detail-item{display:flex;flex-direction:column;margin-bottom:12px;padding:12px 16px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.detail-item:last-child{margin-bottom:0}.detail-item:hover{background:var(--glass-bg-medium);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.detail-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-value{font-size:var(--font-size-lg);color:#333;line-height:var(--line-height-normal)}.error h3{font-family:var(--font-secondary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.error p,.confirm-dialog p,.alert-dialog p{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.source-detail{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:20px;gap:16px;max-width:600px;font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--glass-shadow-sm)}.details-content .source-detail{width:100%;max-width:none;height:100%;flex:1 1 auto;min-height:0;overflow-y:auto;border-radius:0;margin:0}.source-detail h2,.surname-detail h2{font-family:var(--font-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.source-detail h3,.surname-detail h3{font-family:var(--font-secondary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.source-detail p,.surname-detail p{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.source-detail div,.surname-detail div{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.source-details{display:flex;flex-direction:column;gap:12px}.source-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:#333;margin:0 0 8px;line-height:var(--line-height-normal)}.source-description{color:#555;line-height:var(--line-height-relaxed);margin:8px 0}.source-description h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#333;margin:0 0 8px}.source-description p{margin:0}.source-metadata{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.source-author-year,.source-year-published,.source-year-subject{font-size:var(--font-size-h5);color:#666;padding:4px 8px;background:#f8f9fa;border-radius:3px;border:1px solid #e9ecef;margin:2px 0}.source-language,.source-publisher,.source-place,.source-pages,.source-volume,.source-issue{font-size:var(--font-size-h5);color:#555;margin:4px 0}.source-location{padding:8px 12px;background:#e3f2fd;border-radius:4px;border:1px solid #bbdefb;margin:8px 0}.source-location-text{font-size:var(--font-size-h5);color:#1976d2}.source-citation{font-family:var(--font-citation);font-style:italic;font-size:var(--font-size-sm);color:#555;padding:12px;background:#f8f9fa;border-left:4px solid #007bff;margin:12px 0;border-radius:0 4px 4px 0}.source-category-location,.source-category-palestine,.source-category-region,.source-category-secondary,.source-category-bilad,.source-category-kinship,.source-category-panel{display:inline-block;padding:4px 8px;margin:2px 4px 2px 0;border-radius:3px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.source-category-location{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.source-category-palestine{background:#fff3e0;color:#f57c00;border:1px solid #ffcc02}.source-category-region{background:#f3e5f5;color:#7b1fa2;border:1px solid #ce93d8}.source-category-secondary{background:#e1f5fe;color:#0277bd;border:1px solid #81d4fa}.source-category-bilad{background:#fce4ec;color:#c2185b;border:1px solid #f8bbd9}.source-category-kinship{background:#e0f2f1;color:#00695c;border:1px solid #80cbc4}.surname-detail{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:20px;gap:16px;max-width:600px;font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--glass-shadow-sm)}.details-content .surname-detail{width:100%;max-width:none;height:100%;flex:1 1 auto;min-height:0;overflow-y:auto;border-radius:0;margin:0}.surname-alternate-names{font-size:var(--font-size-lg);color:#666;font-style:italic;margin:4px 0}.surname-attribution,.surname-category,.surname-ethnicity,.surname-sect,.surname-period,.surname-region{font-size:var(--font-size-h5);padding:4px 8px;margin:2px 0;border-radius:3px;border:1px solid #e9ecef;background:#f8f9fa}.surname-coordinates,.surname-locations{padding:8px 12px;background:#e8f5e8;border-radius:4px;border:1px solid #c8e6c9;color:#2e7d32;font-size:var(--font-size-h5);margin:4px 0}.surname-journey-steps{display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:24px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:var(--glass-border-medium);border-radius:var(--glass-radius-xl);box-shadow:var(--glass-shadow-lg);position:relative;overflow:hidden}.surname-journey-steps:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1f7a8c99,#4caf5099,#ff980099);border-radius:var(--glass-radius-xl) var(--glass-radius-xl) 0 0}.surname-journey-steps h3{font-family:var(--font-secondary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 12px;color:var(--text-primary)}.journey-mini-map-container{width:100%;margin-bottom:20px;border-radius:var(--glass-radius-lg);overflow:hidden;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);box-shadow:var(--glass-shadow-md);position:relative}.journey-mini-map-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border-radius:var(--glass-radius-lg);box-shadow:inset 0 0 20px #1f7a8c1a}.journey-mini-map{width:100%;height:200px;display:block;background:#f0f8ff4d;max-width:100%}@media(max-width:768px){.journey-mini-map{height:150px}.journey-step{min-width:240px;max-width:280px}}.journey-carousel{display:flex;flex-direction:row;gap:16px;overflow-x:auto;overflow-y:hidden;padding:12px 8px;margin:-8px -8px 0;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(31,122,140,.4) transparent}.journey-carousel::-webkit-scrollbar{height:8px}.journey-carousel::-webkit-scrollbar-track{background:var(--glass-bg-subtle);border-radius:var(--glass-radius-sm);margin:0 8px}.journey-carousel::-webkit-scrollbar-thumb{background-color:#1f7a8c80;border-radius:var(--glass-radius-sm);border:2px solid var(--glass-bg-subtle)}.journey-carousel::-webkit-scrollbar-thumb:hover{background-color:#1f7a8cb3}.surname-note{padding:12px;background:#fff8e1;border-radius:4px;border:1px solid #ffecb3;color:#f57c00;font-size:var(--font-size-h5);line-height:var(--line-height-normal);margin:8px 0}.surname-references{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:12px;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.list-item-compact{padding:10px 12px;display:flex;align-items:center;width:100%;min-height:var(--list-item-min-height, 44px);cursor:pointer;transition:all .15s ease;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);box-sizing:border-box;box-shadow:var(--glass-shadow-sm)}.list-item-compact:hover{background:var(--glass-bg-light);border-color:var(--glass-border-medium);box-shadow:var(--glass-shadow-md)}.list-item-compact.selected{background:#e6f0ff;border-color:#007bff;border-left-width:3px;padding-left:10px}.list-item-compact:focus-visible{outline:2px solid #007bff;outline-offset:2px}.list-item-compact .source-item-content{display:grid;grid-template-columns:minmax(0,1fr) var(--list-author-column-width, 180px);gap:12px;align-items:center;width:100%;flex:1;overflow:hidden}.source-title-compact{font-size:var(--font-size-base);color:#333;white-space:nowrap;overflow:hidden;min-width:0;text-overflow:ellipsis}.source-author-year-wrapper{display:flex;align-items:center;white-space:nowrap;color:#666;font-size:var(--font-size-base);min-width:0;overflow:hidden;text-overflow:ellipsis;justify-content:flex-end}.source-author-year-compact{font-weight:var(--font-weight-medium)}.surname-name-compact{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#333;flex:1}@media(max-width:768px){.list-item-compact .source-item-content{grid-template-columns:minmax(0,1fr) var(--list-author-column-width-tablet, 140px)}}@media(max-width:600px){.list-item-compact .source-item-content{grid-template-columns:1fr;gap:4px;align-items:flex-start}.list-item-compact{padding:10px 12px;min-height:auto;align-items:flex-start}.source-title-compact{white-space:normal;overflow:visible;font-weight:var(--font-weight-medium)}.source-author-year-wrapper{justify-content:flex-start;font-size:var(--font-size-sm);color:#888}}@media(prefers-color-scheme:dark){.item-title{color:#e0e0e0}.item-subtitle{color:#b0b0b0}.detail-item{border-bottom-color:#404040}.detail-label{color:#888}.detail-value{color:#e0e0e0}.source-detail,.surname-detail{background:#2d2d2d;border-color:#404040}.source-title{color:#e0e0e0}.source-description{color:#b0b0b0}.source-description h3{color:#e0e0e0}.source-metadata,.source-author-year,.source-year-published,.source-year-subject,.surname-attribution,.surname-category,.surname-ethnicity,.surname-sect,.surname-period,.surname-region,.surname-references{background:#404040;border-color:#555;color:#e0e0e0}.source-language,.source-publisher,.source-place,.source-pages,.source-volume,.source-issue{color:#b0b0b0}.source-location{background:#1a237e;border-color:#3949ab}.source-location-text{color:#90caf9}.source-citation{background:#404040;color:#b0b0b0;border-left-color:#007bff}.surname-coordinates,.surname-locations{background:#1b5e20;border-color:#388e3c;color:#a5d6a7}.surname-note{background:#3e2723;border-color:#5d4037;color:#ffb74d}.list-item-compact{background:#2d2d2d;border-color:#404040}.list-item-compact:hover{background:#3a3a3a;border-color:#555}.list-item-compact.selected{background:#1a3a5a;border-color:#4a9eff}.source-author-year-compact,.surname-name-compact{color:#e0e0e0}.source-title-compact{color:#999}}.pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin:20px 0;padding:16px}.pagination-prev,.pagination-next{display:flex;align-items:center;padding:8px 12px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);color:#555;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:all .3s ease;cursor:pointer;min-width:80px;justify-content:center;box-shadow:var(--glass-shadow-sm)}.pagination-prev:hover,.pagination-next:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);color:#007bff;box-shadow:var(--glass-shadow-md)}.pagination-prev:disabled,.pagination-next:disabled{background:#f5f5f5;color:#999;border-color:#e0e0e0;cursor:not-allowed}.pagination-page{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:8px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);color:#555;text-decoration:none;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:all .3s ease;cursor:pointer;box-shadow:var(--glass-shadow-sm)}.pagination-page:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);color:#007bff;box-shadow:var(--glass-shadow-md)}.pagination-page.active{background:#007bff;color:#fff;border-color:#007bff}.pagination-page.active:hover{background:#0056b3;border-color:#0056b3}.tabs-container{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);overflow:hidden;box-shadow:var(--glass-shadow-sm)}.tabs-header{display:flex;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light)}.tabs-list{display:flex;margin:0;padding:0;list-style:none}.tab-item{position:relative}.tab-link{display:block;padding:12px 20px;color:var(--text-muted);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);border-bottom:2px solid transparent;transition:all .3s ease;cursor:pointer;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:var(--glass-radius-sm);margin:2px}.tab-link:hover{color:var(--primary);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-sm);transform:translateY(-1px)}.tab-link.active{color:var(--primary);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border-bottom-color:var(--primary);box-shadow:var(--glass-shadow-md);font-weight:var(--font-weight-semibold)}.tabs-content{padding:20px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.tab-content{display:none}.tab-content.active{display:block}.timeline-container{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:16px;margin:16px 0;box-shadow:var(--glass-shadow-sm)}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:rgba(var(--color-surface-rgb),.1);border-radius:6px;border:1px solid rgba(var(--color-border-rgb),.3);height:40px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;margin-bottom:0;border-bottom:none}.timeline-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:#333;margin:0}.timeline-range{display:flex;align-items:center;gap:12px;margin:16px 0}.timeline-slider{flex:1;height:8px;background:#e0e0e0;border-radius:4px;position:relative;cursor:pointer;transition:background-color .2s ease}.timeline-slider:hover{background:#d0d0d0}.timeline-slider:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);height:12px;width:12px;background:#007bff;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;cursor:grab;transition:all .2s ease}.timeline-slider:active:before{cursor:grabbing;transform:translateY(-50%) scale(1.1)}.list-container{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);overflow:hidden;box-shadow:var(--glass-shadow-sm)}.list-title{padding:16px 20px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:#333;margin:0}.list-content{flex:1;padding:0;max-height:400px;overflow-y:auto}.list-controls{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-bottom:var(--glass-border-light);gap:12px}.list-footer{padding:12px 20px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-top:var(--glass-border-light);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-lg);color:#666}.sidebar{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);width:300px;max-height:calc(100vh - 100px);overflow:hidden;box-shadow:var(--glass-shadow-sm)}#left-sidebar.sidebar{max-height:none}.sidebar-active{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.sidebar-section{display:flex;flex-direction:column;border-bottom:var(--glass-border-light);padding:16px}.sidebar-section:last-child{border-bottom:none}.sidebar-section h3{margin:0 0 12px;font-family:var(--font-secondary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:#333;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666;background:#f8f9fa;border-radius:6px;border:1px dashed #ddd}.no-results:before{content:"🔍";font-size:48px;margin-bottom:12px;opacity:.5}@media(prefers-color-scheme:dark){.pagination-prev,.pagination-next,.pagination-page{background:#404040;border-color:#555;color:#e0e0e0}.pagination-prev:hover,.pagination-next:hover,.pagination-page:hover{background:#505050;border-color:#007bff;color:#90caf9}.pagination-page.active{background:#007bff;color:#fff}.tabs-container,.timeline-container,.list-container,.sidebar{background:#2d2d2d;border-color:#404040}.tabs-header,.list-title,.list-controls,.list-footer{background:#1a1a1a;border-color:#404040;color:#e0e0e0}.tab-link{color:#b0b0b0}.tab-link:hover{color:#90caf9;background:#1a237e}.tab-link.active{color:#90caf9;background:#2d2d2d;border-bottom-color:#007bff}.tabs-content{background:#2d2d2d}.timeline-title{color:#e0e0e0}.timeline-slider{background:#404040}.timeline-slider:hover{background:#505050}.sidebar-section h3{color:#e0e0e0}.no-results{background:#1a1a1a;border-color:#404040;color:#b0b0b0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--btn-secondary-border);border-radius:4px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-family:inherit;line-height:var(--line-height-normal);text-decoration:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;outline:none}.btn:hover{background:var(--btn-secondary-hover-bg);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn:focus{box-shadow:0 0 0 2px var(--input-focus-shadow)}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;transform:none;box-shadow:none}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text);border-color:var(--btn-success-border)}.btn-success:hover{background:var(--btn-success-hover-bg);border-color:var(--btn-success-hover-bg)}.btn-success:focus{box-shadow:0 0 0 2px #10b98140}.show-journey,.show-migration-path{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:var(--glass-radius-md);padding:12px 20px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;min-width:180px;box-shadow:var(--glass-shadow-md);letter-spacing:.3px}.show-journey:hover,.show-migration-path:hover{background:#1f7a8c;box-shadow:var(--glass-shadow-lg);transform:translateY(-2px);border-color:var(--glass-border-accent)}.show-journey:active,.show-migration-path:active{transform:translateY(0);box-shadow:0 1px 3px #10b98133}.show-journey:focus,.show-migration-path:focus{outline:none;box-shadow:0 0 0 2px #10b98140}.show-journey:before{content:"🗺️";font-size:var(--font-size-h3)}.show-migration-path:before{content:"📍";font-size:var(--font-size-h3)}.alert-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);padding:24px;box-shadow:var(--glass-shadow-lg);min-width:320px;max-width:500px;z-index:10000;font-family:var(--font-secondary);font-size:var(--font-size-lg)}.confirm-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);padding:24px;box-shadow:var(--glass-shadow-lg);min-width:350px;max-width:500px;z-index:10000;font-family:var(--font-secondary);font-size:var(--font-size-lg)}.error-content{display:flex;flex-direction:column;align-items:center;padding:32px 24px;text-align:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030}.error-icon{width:48px;height:48px;color:#e53e3e;margin-bottom:16px;flex-shrink:0}.loading-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;color:#666;background:#fff;border-radius:8px}.logo{display:flex;align-items:center;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:#333;text-decoration:none;transition:opacity .2s ease}.logo:hover{opacity:.8}.map-controls{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:650;pointer-events:none}.map-controls.top-center{top:16px;left:58%;right:auto;transform:translate(-50%)}.map-controls.top-left{top:70px;left:30%;right:auto;transform:translate(-50%)}.map-controls.top-left-lower{top:130px;left:30%;right:auto;transform:translate(-50%)}.map-controls.bottom-center{top:auto;bottom:50px;left:50%;right:auto;transform:translate(-50%)}.map-controls>*{pointer-events:auto}.map-toolbar{display:flex;align-items:center;gap:8px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:8px 12px;box-shadow:var(--glass-shadow-sm)}.layer-hidden-banner{position:absolute;top:0;left:0;right:0;background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:8px 16px;text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);z-index:1500}.journey-step{display:flex;flex-direction:column;gap:8px;padding:20px;min-width:300px;max-width:340px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);cursor:pointer;transition:all .3s ease;position:relative;font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-normal);box-shadow:var(--glass-shadow-md);scroll-snap-align:start;flex-shrink:0}.journey-step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--glass-border-light)}.journey-step-number{font-family:var(--font-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);letter-spacing:.5px}.journey-step-badge{display:inline-block;padding:4px 10px;border-radius:var(--glass-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;letter-spacing:.3px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);color:var(--text-secondary)}.journey-step-badge.current{background:#4caf5033;border-color:#4caf5066;color:#4caf50e6}.journey-step-badge.previous{background:#ff980033;border-color:#ff980066;color:#ff9800e6}.journey-step-content{display:flex;flex-direction:column;gap:6px}.journey-step-location,.journey-step h5.journey-step-location{font-family:var(--font-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--primary);margin:0 0 12px;line-height:var(--line-height-tight);letter-spacing:-.3px}.journey-step-temporal,.journey-step-cause,.journey-step-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:var(--line-height-normal)}.journey-step-temporal strong,.journey-step-cause strong,.journey-step-note strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.surname-coordinates h3{font-family:var(--font-secondary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 8px}.surname-coordinates p{font-family:var(--font-content);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:4px 0}.journey-step:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-2px)}.journey-step.active{background:#1f7a8c33;border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-xl);transform:translateY(-4px) scale(1.02)}.journey-step.current{border-left:4px solid rgba(76,175,80,.8);background:#4caf5014}.journey-step.previous{border-left:4px solid rgba(255,152,0,.8);background:#ff98000d}.journey-step-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:var(--font-size-base);white-space:nowrap;margin-bottom:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1001}.journey-step-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#333}.journey-step:hover .journey-step-tooltip{opacity:1;visibility:visible}.toggle-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--font-size-lg);color:#333}.toggle-slider{position:relative;display:inline-block;width:44px;height:24px;background:#ccc;border-radius:24px;transition:background .2s ease}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-label .toggle-slider{background:#007bff}.toggle-input:checked+.toggle-label .toggle-slider:before{transform:translate(20px)}.toggle-text{font-size:var(--font-size-lg);color:#333;font-weight:var(--font-weight-medium)}.legend-container{display:flex;flex-direction:column;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);padding:16px;gap:12px;min-width:200px;box-shadow:var(--glass-shadow-sm)}.legend-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px;border-bottom:var(--glass-border-light);padding-bottom:8px}.legend-marker{display:flex;align-items:center;gap:8px;font-size:var(--font-size-lg);color:#555;padding:4px 0}.legend-marker:before{content:"";width:16px;height:16px;border-radius:50%;background:currentColor;flex-shrink:0}.popup-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:var(--glass-border-light);background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);border-radius:var(--glass-radius-md) var(--glass-radius-md) 0 0}.popup-body{padding:20px;max-height:400px;overflow-y:auto;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light)}.popup-content{display:flex;flex-direction:column;gap:12px;font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--text-secondary)}.popup-details-btn{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border:var(--glass-border-light);border-radius:4px;padding:8px 16px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s ease;margin-top:12px;align-self:flex-start}.popup-details-btn:hover{background:#0056b3}.details-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--primary)}.section-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:#333;margin-bottom:12px;margin-top:20px}.section-title:first-child{margin-top:0}.panel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.panel-footer{display:flex;align-items:center;justify-content:center;padding:16px;background:#f8f9fa;border-top:1px solid #e0e0e0;gap:12px}.sort-controls{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px}.sort-direction{background:none;border:none;cursor:pointer;padding:4px;color:#666;transition:color .2s ease}.sort-direction:hover{color:#007bff}.sort-direction.asc:after{content:"↑"}.sort-direction.desc:after{content:"↓"}.alternate-names{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.related-name{display:inline-block;background:#e8f4fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all .2s ease}.related-name:hover{background:#1976d2;color:#fff}.location-detail{display:flex;flex-direction:column;gap:8px;padding:12px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:var(--font-size-lg)}.source-place-type{background:#fff3e0;color:#ef6c00;border:1px solid #ffcc02;display:inline-block;padding:4px 8px;margin:2px 4px 2px 0;border-radius:3px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.source-region{background:#f3e5f5;color:#7b1fa2;border:1px solid #ce93d8;display:inline-block;padding:4px 8px;margin:2px 4px 2px 0;border-radius:3px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.effectivelyEnabled{opacity:1;pointer-events:auto;transition:opacity .2s ease}.resizing{cursor:nw-resize;-webkit-user-select:none;user-select:none}.resizing *{pointer-events:none;-webkit-user-select:none;user-select:none}@media(prefers-color-scheme:dark){.alert-dialog,.confirm-dialog{background:#2d2d2d;border-color:#444;color:#e0e0e0;box-shadow:0 4px 12px #0000004d}.error-content{background:#3d1a1a;border-color:#8b2635;color:#ff6b6b}.loading-content{background:#2d2d2d;color:#b0b0b0}.logo{color:#e0e0e0}.map-toolbar{background:#2d2d2d;border-color:#444;color:#e0e0e0}.layer-hidden-banner{background:#3d3424;border-color:#8b7635;color:#f5dc69}.journey-step{background:#2d2d2d;border-color:#444;color:#e0e0e0}.journey-step:hover{background:#3a3a3a;border-color:#1a73e8}.journey-step.active{background:#1e3a5f;border-color:#4fc3f7;color:#4fc3f7}.toggle-label,.toggle-text{color:#e0e0e0}.legend-container{background:#2d2d2d;border-color:#444;color:#e0e0e0}.legend-title{color:#e0e0e0;border-color:#444}.legend-marker{color:#b0b0b0}.popup-header{background:#2d2d2d;border-color:#444;color:#e0e0e0}.popup-body{background:#2d2d2d;color:#e0e0e0}.popup-content{color:#b0b0b0}.details-title,.section-title{color:#e0e0e0}.panel-controls,.panel-footer{background:#2d2d2d;border-color:#444}.sort-controls{background:#2d2d2d;border-color:#444;color:#e0e0e0}.sort-direction{color:#b0b0b0}.sort-direction:hover{color:#4fc3f7}.related-name{background:#1e3a5f;color:#4fc3f7}.related-name:hover{background:#4fc3f7;color:#1e3a5f}.location-detail{background:#2d2d2d;border-color:#444;color:#e0e0e0}.source-place-type{background:#3d2f1a;color:#ffcc02;border-color:#8b6914}.source-region{background:#3d1a3d;color:#ce93d8;border-color:#7b1fa2}}.notification-container{position:fixed;z-index:9000;display:grid;gap:.5rem;max-width:min(420px,92vw)}.notification-container.top-right{top:.75rem;right:.75rem}.notification-container.bottom-center{bottom:.75rem;left:50%;transform:translate(-50%)}.notification{position:relative;pointer-events:auto;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-lg);padding:16px 20px;box-shadow:var(--glass-shadow-lg);font-family:var(--font-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-normal);max-width:100%;word-wrap:break-word;transform:translate(100%);opacity:0;transition:all .3s ease}.notification.visible{transform:translate(0);opacity:1}.notification.closing{transform:translate(100%);opacity:0}.notification.info{border-left:4px solid rgba(33,150,243,.8);background:#e3f2fda6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 18px #2196f31f}.notification.success{border-left:4px solid rgba(76,175,80,.8);background:#e8f5e8a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 18px #4caf501f}.notification.warning{border-left:4px solid rgba(255,152,0,.8);background:#fff3e0a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 18px #ff98001f}.notification.error{border-left:4px solid rgba(244,67,54,.8);background:#ffebeea6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 18px #f443361f}.notification-content{display:flex;flex-direction:column;gap:8px}.notification-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--font-size-h3);margin-right:8px;flex-shrink:0}.notification-title{font-weight:var(--font-weight-semibold);color:#333;font-size:var(--font-size-h4);margin:0}.notification-message{color:#666;margin:0;flex-grow:1}.notification-actions{display:flex;gap:8px;margin-top:8px;justify-content:flex-end}.notification-action{padding:7px 14px;border:var(--glass-border-light);border-radius:var(--glass-radius-sm);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.notification-action.primary{background:#1f7a8ce6;border-color:#fff3;color:#fff}.notification-action.primary:hover{background:#1f7a8c;box-shadow:0 4px 10px #1f7a8c26;transform:translateY(-1px)}.notification-action.secondary{background:var(--glass-bg-medium);border-color:var(--glass-border-light);color:#555}.notification-action.secondary:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.notification-action.danger{background:#f44336e6;border-color:#fff3;color:#fff}.notification-action.danger:hover{background:#f44336;box-shadow:0 4px 10px #f4433626;transform:translateY(-1px)}.notification-close{position:absolute;top:8px;right:8px;background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);font-size:var(--font-size-h2);color:#666;cursor:pointer;padding:4px;line-height:var(--line-height-tight);width:28px;height:28px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.notification-close:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);color:#333;box-shadow:var(--glass-shadow-md);transform:scale(1.05)}.notification-container.top-left .notification,.notification-container.bottom-left .notification{transform:translate(-100%)}.notification-container.top-left .notification.visible,.notification-container.bottom-left .notification.visible{transform:translate(0)}.notification-container.top-left .notification.closing,.notification-container.bottom-left .notification.closing{transform:translate(-100%)}.notification-container.top-center .notification,.notification-container.bottom-center .notification{transform:translateY(-100%)}.notification-container.top-center .notification.visible,.notification-container.bottom-center .notification.visible{transform:translateY(0)}.notification-container.top-center .notification.closing,.notification-container.bottom-center .notification.closing{transform:translateY(-100%)}.notification-container.bottom-center .notification,.notification-container.bottom-center .notification.closing{transform:translateY(100%)}@media(prefers-color-scheme:dark){.notification{background:#2a2a2abf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff26;box-shadow:0 6px 18px #0006;color:#e0e0e0}.notification.info{background:#1e3a5fb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left-color:#64b5f6cc;box-shadow:0 6px 18px #64b5f626}.notification.success{background:#2e5d32b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left-color:#81c784cc;box-shadow:0 6px 18px #81c78426}.notification.warning{background:#5d4037b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left-color:#ffb74dcc;box-shadow:0 6px 18px #ffb74d26}.notification.error{background:#5d2a2ab3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left-color:#e57373cc;box-shadow:0 6px 18px #e5737326}.notification-title{color:#e0e0e0}.notification-message{color:#b0b0b0}.notification-close{background:#2a2a2a99;border-color:#ffffff26;color:#b0b0b0}.notification-close:hover{background:#2a2a2acc;border-color:#2a9d8f66;color:#e0e0e0;box-shadow:0 4px 10px #00000080}.notification-action.secondary{background:#2a2a2ab3;border-color:#ffffff26;color:#e0e0e0}.notification-action.secondary:hover{background:#2a2a2ae6;border-color:#2a9d8f4d;box-shadow:0 4px 10px #00000080}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;display:none;opacity:0;transition:opacity .3s ease}.modal.visible{display:block;opacity:1}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#1a1f248c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.modal-content{position:absolute;top:var(--header-h, 51px);left:50%;transform:translate(-50%);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:var(--glass-border-medium);border-radius:var(--glass-radius-xl);box-shadow:var(--glass-shadow-xl);max-width:90vw;max-height:calc(100vh - var(--header-h, 51px) - var(--footer-h, 180px));height:auto;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-secondary);opacity:0;transform:translate(-50%) scale(.9);transition:all .3s ease}.modal-content.visible{opacity:1;transform:translate(-50%) scale(1)}.modal-content.size-small{width:400px;min-height:200px}.modal-content.size-medium{width:600px;min-height:300px}.modal-content.size-large{width:800px;min-height:400px}.modal-content.size-fullscreen{width:95vw;height:95vh;max-width:none;max-height:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);flex-shrink:0}.modal-title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal-close{background:var(--glass-bg-subtle);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-light);border-radius:var(--glass-radius-sm);font-size:var(--font-size-h1);color:var(--text-muted);cursor:pointer;padding:4px;line-height:var(--line-height-tight);width:34px;height:34px;display:flex;align-items:center;justify-content:center;box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.modal-close:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);color:var(--text-primary);box-shadow:var(--glass-shadow-md);transform:scale(1.05)}.modal-body{flex:1;padding:24px;overflow-y:auto;color:var(--text-muted);line-height:var(--line-height-relaxed)}.modal-body p{margin:0 0 16px}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.modal-footer:empty{display:none}.modal-button{padding:10px 20px;border:var(--glass-border-light);border-radius:var(--glass-radius-md);cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);transition:all .3s ease;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--text-primary);min-width:80px;box-shadow:var(--glass-shadow-sm)}.modal-button:hover{background:var(--glass-bg-light);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md);transform:translateY(-1px)}.modal-button.primary{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:#fff;border-color:var(--glass-border-light);box-shadow:var(--glass-shadow-md)}.modal-button.primary:hover{background:#1f7a8c;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.modal-button.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.modal-button.secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-border)}.modal-button.danger{background:var(--color-error);color:var(--text-on-primary);border-color:var(--color-error)}.modal-button.danger:hover{background:var(--color-error-dark);border-color:var(--color-error-dark)}.modal.loading .modal-content{position:relative}.modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(247,241,229,var(--opacity-overlay));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.modal-spinner{width:40px;height:40px;border:4px solid var(--surface-alt);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.modal-loading-text{margin-top:12px;color:var(--text-muted);font-size:var(--font-size-lg)}.modal-content.draggable .modal-header{cursor:move}.modal.dragging .modal-content{transition:none}.modal-content.resizable{position:relative}.modal-resize-handle{position:absolute;background:transparent;z-index:10}.modal-resize-handle.modal-resize-n{top:0;left:0;width:100%;height:8px;cursor:n-resize}.modal-resize-handle.modal-resize-s{bottom:0;left:0;width:100%;height:8px;cursor:s-resize}.modal-resize-handle.modal-resize-e{top:0;right:0;width:8px;height:100%;cursor:e-resize}.modal-resize-handle.modal-resize-w{top:0;left:0;width:8px;height:100%;cursor:w-resize}.modal-resize-handle.modal-resize-ne{top:0;right:0;width:8px;height:8px;cursor:ne-resize}.modal-resize-handle.modal-resize-nw{top:0;left:0;width:8px;height:8px;cursor:nw-resize}.modal-resize-handle.modal-resize-se{bottom:0;right:0;width:8px;height:8px;cursor:se-resize}.modal-resize-handle.modal-resize-sw{bottom:0;left:0;width:8px;height:8px;cursor:sw-resize}.confirm-modal .modal-body,.alert-modal .modal-body{padding:24px;text-align:center}.prompt-modal .modal-body{padding:24px}.prompt-modal input{width:100%;padding:12px 16px;border:var(--glass-border-light);border-radius:var(--glass-radius-md);font-size:var(--font-size-lg);margin-top:12px;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--input-text);box-shadow:var(--glass-shadow-sm);transition:all .3s ease}.prompt-modal input::placeholder{color:#0006}.prompt-modal input:focus{outline:none;background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-md),var(--glass-focus-ring)}@media(prefers-color-scheme:dark){.modal-backdrop{background:#000000bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{background:#2a2a2af7;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff1a;color:#e0e0e0}.modal-header{border-bottom-color:#404040}.modal-title{color:#e0e0e0}.modal-close{background:#2a2a2a99;border-color:#ffffff26;color:#b0b0b0}.modal-close:hover{background:#2a2a2acc;border-color:#2a9d8f66;color:#e0e0e0;box-shadow:0 4px 12px #0006}.modal-body{color:#b0b0b0}.modal-footer{border-top-color:#404040}.modal-button{background:#404040;border-color:#555;color:#e0e0e0}.modal-button:hover{background:#505050;border-color:#666}.modal-loading{background:#2d2d2de6}.modal-spinner{border-color:#555;border-top-color:#007bff}.modal-loading-text{color:#b0b0b0}.prompt-modal input{background:#404040;border-color:#555;color:#e0e0e0}.prompt-modal input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.modal-container.active{pointer-events:auto}.modal-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border);border-radius:4px;padding:8px 16px;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin:0 4px}.modal-btn:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-border)}.modal-btn:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-shadow)}.modal-btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.modal-btn.secondary:hover{background:var(--btn-secondary-hover-bg);border-color:var(--btn-secondary-border)}.settings-container{max-width:600px;margin:0 auto}.settings-section{margin-bottom:var(--spacing-large);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-medium)}.settings-section-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-medium);padding-bottom:var(--spacing-small);border-bottom:2px solid var(--primary)}.settings-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-small)}.settings-table tr{border-bottom:1px solid var(--border-light)}.settings-table tr:last-child{border-bottom:none}.settings-key{padding:var(--spacing-small) var(--spacing-medium);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-alt);width:40%;vertical-align:top}.settings-value{padding:var(--spacing-small) var(--spacing-medium);color:var(--text-primary);font-family:var(--font-mono);background:var(--surface-card)}.custom-marker-icon{border:none!important;position:relative!important;background:transparent!important;overflow:visible!important;pointer-events:auto!important}.leaflet-marker-icon.custom-marker-icon,.leaflet-div-icon.custom-marker-icon{background-image:none!important}.custom-marker-icon:before,.custom-marker-icon:after{display:none!important;content:none!important}.custom-marker-icon img{border:none!important;border-radius:0!important;box-shadow:none!important;background:none!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;z-index:1!important}.leaflet-div-icon.custom-marker-icon{background:transparent!important;border:none!important;background-image:none!important;overflow:visible!important}.leaflet-marker-icon.custom-marker-icon:before,.leaflet-marker-icon.custom-marker-icon:after{display:none!important}.custom-cluster-icon{background:transparent!important;border:none!important;transition:all .2s ease;transform-origin:center center}.cluster-icon{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease}.cluster-icon svg.cluster-border{position:absolute;top:0;left:0;width:100%;height:100%;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));transition:transform .2s ease;z-index:0}.cluster-icon:hover svg.cluster-border{transform:scale(1.05)}.cluster-icon img.cluster-image{position:absolute;z-index:1;pointer-events:none}.cluster-icon .cluster-badge{z-index:2;transition:transform .2s ease}.cluster-icon:hover .cluster-badge{transform:scale(1.1)}.cluster-icon:hover{cursor:pointer}.cluster-icon .cluster-count{position:relative;z-index:1;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8),-1px -1px 2px rgba(0,0,0,.8),1px -1px 2px rgba(0,0,0,.8),-1px 1px 2px rgba(0,0,0,.8);pointer-events:none}.cluster-small .cluster-count{font-size:var(--font-size-base)}.cluster-medium .cluster-count{font-size:var(--font-size-lg)}.cluster-large .cluster-count{font-size:var(--font-size-h3)}.source-marker-highlighted{z-index:1000!important;opacity:1!important}.source-marker-highlighted div{filter:brightness(1.2) contrast(1.1);transform:scale(1.1);transition:all .2s ease}.marker-with-border{background:transparent!important;border:none!important;overflow:visible!important;pointer-events:auto!important}.icon-with-border{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;pointer-events:auto!important}.icon-with-border svg.icon-border{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.2));transition:var(--glass-marker-transition, all .2s ease);z-index:0!important;pointer-events:none!important}.icon-with-border svg.icon-border.glass-effect{filter:drop-shadow(0 4px 8px rgba(0,0,0,.15)) drop-shadow(0 0 4px rgba(255,255,255,.3))}.icon-with-border:hover svg.icon-border{transform:scale(1.08);filter:drop-shadow(2px 2px 4px rgba(0,0,0,.25))}.icon-with-border:hover svg.icon-border.glass-effect{filter:drop-shadow(0 6px 12px rgba(0,0,0,.2)) drop-shadow(0 0 6px rgba(255,255,255,.4))}.icon-with-border img.bordered-icon-image{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:1!important;pointer-events:none!important;max-width:none!important;max-height:none!important;border:none!important;background:none!important;display:block!important}.icon-badge{position:absolute!important;z-index:2!important;transition:transform .2s ease;pointer-events:none!important}.icon-badge:hover{transform:scale(1.1)}.marker-with-border:hover{cursor:pointer!important}.custom-overlap-cluster-icon{cursor:pointer;transition:transform .2s ease}.custom-overlap-cluster-icon:hover{transform:scale(1.05)}.icon-badge.overlap-multiplier{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:2px solid #fff!important;box-shadow:0 3px 8px #0006!important;animation:pulse-gentle 2s infinite}.icon-badge.overlap-multiplier span{color:#fff!important;font-weight:var(--font-weight-extrabold)!important;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@keyframes pulse-gentle{0%,to{box-shadow:0 3px 8px #0006}50%{box-shadow:0 3px 12px #ff6b3599}}.source-overlap .icon-badge.overlap-multiplier{background:linear-gradient(135deg,#2196f3,#1976d2)!important}.surname-overlap .icon-badge.overlap-multiplier{background:linear-gradient(135deg,#9c27b0,#7b1fa2)!important}.mixed-overlap .icon-badge.overlap-multiplier{background:linear-gradient(135deg,#666,#424242)!important}.leaflet-marker-icon{transition:transform .3s ease}.marker-cluster-spiderfy .leaflet-marker-icon{animation:spiderfy-appear .3s ease-out}@keyframes spiderfy-appear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.spider-leg{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line .3s ease-out forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.boundary-constrained-cluster{position:relative}.boundary-constrained-cluster:after{content:"";position:absolute;bottom:-2px;right:-2px;width:8px;height:8px;background:#4caf50;border-radius:50%;border:1px solid #fff;box-shadow:0 1px 3px #0000004d;animation:boundary-pulse 2s infinite}@keyframes boundary-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.cluster-reclustering{animation:recluster-fade .3s ease-in-out}@keyframes recluster-fade{0%{opacity:1}50%{opacity:.3;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cluster-small,.cluster-medium,.cluster-large{transition:all .3s ease}.custom-cluster-icon:hover,.custom-overlap-cluster-icon:hover{z-index:10000!important;filter:brightness(1.1);transition:all .2s ease}.boundary-cluster-control{position:fixed;z-index:1000;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.35);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:8px;display:flex;align-items:center;gap:8px;font-family:var(--font-secondary);font-size:var(--font-size-base);transition:all .3s ease}.boundary-cluster-top-right{top:20px;right:20px}.boundary-cluster-top-left{top:20px;left:20px}.boundary-cluster-bottom-right{bottom:20px;right:20px}.boundary-cluster-bottom-left{bottom:20px;left:20px}.boundary-cluster-toggle{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:10px;box-shadow:0 2px 6px #0000000f;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;transition:all .3s ease;width:32px;height:32px}.boundary-cluster-toggle:hover{background:#ffffffbf;border-color:#1f7a8c4d;box-shadow:0 4px 10px #0000001a;transform:translateY(-1px);color:#333}.boundary-cluster-toggle.enabled{border-color:#4caf5066;color:#4caf50;box-shadow:0 2px 8px #4caf5026}.boundary-cluster-toggle.active{background:#4caf50e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#4caf5066;box-shadow:0 4px 12px #4caf5040;color:#fff}.boundary-cluster-toggle.disabled{border-color:#dddddd80;color:#ccc;cursor:not-allowed;background:#fff6}.boundary-cluster-toggle.disabled:hover{background:#fff6;border-color:#dddddd80;color:#ccc;transform:none;box-shadow:0 2px 6px #0000000f}.boundary-cluster-status{width:8px;height:8px;border-radius:50%;transition:background-color .2s ease}.boundary-cluster-status.disabled{background:#ddd}.boundary-cluster-status.enabled{background:#ff9800}.boundary-cluster-status.active{background:#4caf50;box-shadow:0 0 4px #4caf5080;animation:cluster-status-pulse 2s infinite}.boundary-cluster-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:4px;font-size:var(--font-size-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease;margin-bottom:8px}.boundary-cluster-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#000c}.boundary-cluster-control:hover .boundary-cluster-tooltip{opacity:1}@keyframes cluster-status-pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.boundary-cluster-control{padding:6px;scale:.9}.boundary-cluster-toggle{width:28px;height:28px;padding:5px}}.leaflet-interactive.journey-polyline{stroke:var(--glass-journey-stroke, rgba(255, 87, 51, .8))!important;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px var(--glass-journey-shadow, rgba(255, 87, 51, .4)));transition:all .2s ease}.leaflet-interactive.journey-polyline:hover{stroke:var(--glass-journey-stroke-hover, rgba(255, 87, 51, 1))!important;stroke-width:4px!important;filter:drop-shadow(0 0 8px var(--glass-journey-shadow, rgba(255, 87, 51, .6)))}.journey-glow-layer{stroke:var(--glass-journey-glow, rgba(255, 255, 255, .5))!important;stroke-width:var(--glass-journey-glow-width, 8)!important;stroke-linecap:round;stroke-linejoin:round;opacity:.5;filter:blur(2px)}.leaflet-shapes-pane svg path.polygon-level{transition:var(--glass-polygon-transition, all .2s ease-out)}.leaflet-shapes-pane svg path.polygon-level-country{fill:var(--glass-polygon-general-fill, rgba(198, 219, 239, .25))!important;stroke:var(--glass-polygon-general-stroke, rgba(66, 146, 198, .8))!important;stroke-width:var(--glass-polygon-stroke-width, 2)!important;filter:drop-shadow(0 0 var(--glass-polygon-general-glow-width, 6px) var(--glass-polygon-general-glow, rgba(255, 255, 255, .5)))}.leaflet-shapes-pane svg path.polygon-level-country:hover{fill:var(--glass-polygon-general-fill-hover, rgba(198, 219, 239, .4))!important;stroke:var(--glass-polygon-general-stroke-hover, rgba(66, 146, 198, 1))!important;stroke-width:var(--glass-polygon-stroke-width-hover, 3)!important}.leaflet-shapes-pane svg path.polygon-level-district{fill:var(--glass-polygon-admin-fill, rgba(199, 233, 192, .2))!important;stroke:var(--glass-polygon-admin-stroke, rgba(65, 171, 93, .7))!important;stroke-width:var(--glass-polygon-stroke-width, 2)!important;filter:drop-shadow(0 0 var(--glass-polygon-admin-glow-width, 4px) var(--glass-polygon-admin-glow, rgba(255, 255, 255, .4)))}.leaflet-shapes-pane svg path.polygon-level-district:hover{fill:var(--glass-polygon-admin-fill-hover, rgba(199, 233, 192, .35))!important;stroke:var(--glass-polygon-admin-stroke-hover, rgba(65, 171, 93, .9))!important;stroke-width:var(--glass-polygon-stroke-width-hover, 3)!important}.leaflet-shapes-pane svg path.polygon-level-subdistrict{fill:#fbbc0526!important;stroke:#fbbc05b3!important;stroke-width:2!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.leaflet-shapes-pane svg path.polygon-level-subdistrict:hover{fill:#fbbc0540!important;stroke:#fbbc05e6!important;stroke-width:3!important}.leaflet-shapes-pane svg path.polygon-level-region{fill:#ea433526!important;stroke:#ea4335b3!important;stroke-width:2!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.leaflet-shapes-pane svg path.polygon-level-region:hover{fill:#ea433540!important;stroke:#ea4335e6!important;stroke-width:3!important}.leaflet-shapes-pane svg path.polygon-level-subregion{fill:#9c27b026!important;stroke:#9c27b0b3!important;stroke-width:2!important;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.leaflet-shapes-pane svg path.polygon-level-subregion:hover{fill:#9c27b040!important;stroke:#9c27b0e6!important;stroke-width:3!important}.journey-step-marker{transition:var(--glass-marker-transition, all .2s ease)}.journey-step-marker.highlighted{z-index:1000!important}.journey-step-marker.highlighted .icon-with-border svg.icon-border{filter:drop-shadow(0 0 8px var(--glass-journey-step-glow, rgba(255, 255, 255, .6))) drop-shadow(0 4px 12px rgba(255,69,0,.4));transform:scale(1.1)}.journey-decorator path{stroke:var(--glass-arrow-fill, rgba(255, 87, 51, .9))!important;fill:var(--glass-arrow-fill, rgba(255, 87, 51, .9))!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .2s ease}.journey-step-tooltip{background:var(--glass-bg-medium, rgba(255, 255, 255, .7));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border-light, rgba(255, 255, 255, .3));border-radius:8px;padding:8px 12px;box-shadow:var(--glass-shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.journey-step-tooltip strong{color:var(--glass-journey-stroke, rgba(255, 87, 51, 1))}.journey-step-popup{background:var(--glass-bg-strong, rgba(255, 255, 255, .85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border-medium, rgba(255, 255, 255, .35));border-radius:10px;padding:12px 16px}.journey-step-popup h4{color:var(--glass-journey-stroke, rgba(255, 87, 51, 1));margin:0 0 8px;font-size:var(--font-size-lg)}@keyframes journey-path-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.journey-polyline.animate-draw{stroke-dasharray:1000;animation:journey-path-draw 1.5s ease-out forwards}@keyframes journey-pulse{0%,to{filter:drop-shadow(0 0 4px var(--glass-journey-shadow, rgba(255, 87, 51, .4)))}50%{filter:drop-shadow(0 0 8px var(--glass-journey-shadow, rgba(255, 87, 51, .6)))}}.journey-polyline.active{animation:journey-pulse 2s infinite}#view3d-control-container{display:flex!important;align-items:center;gap:6px;margin:0 4px;transition:all .3s ease}#view3d-control-container .map-control{position:static!important;margin:0!important;box-shadow:none!important;background:transparent!important;border:none!important;padding:0!important}.view3d-control .view3d-btn-group{display:flex;gap:0;background:var(--glass-bg-medium);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);overflow:hidden;box-shadow:var(--glass-shadow-sm)}.view3d-control .view3d-btn{min-width:35px!important;max-width:40px!important;padding:6px 10px!important;height:32px!important;font-size:var(--font-size-base)!important;font-weight:var(--font-weight-semibold)!important;font-family:var(--font-primary)!important;background:transparent;color:var(--text-secondary, #5A5A5A);border:none;border-right:var(--glass-border-light);cursor:pointer;transition:all .3s ease;position:relative;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.view3d-control .view3d-btn:last-child{border-right:none}.view3d-control .view3d-btn.active{background:#1f7a8ce6;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--text-on-primary, #FFFFFF);box-shadow:var(--glass-shadow-md)}.view3d-control .view3d-btn:not(.active):hover:not(:disabled){background:var(--glass-bg-light);color:var(--primary, #4A90E2);box-shadow:var(--glass-shadow-sm)}.view3d-control .view3d-btn:disabled{opacity:.5;cursor:not-allowed}.view3d-control .view3d-btn.unavailable{opacity:.6;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 20px)}.view3d-control.disabled{opacity:.6;pointer-events:none}#map-3d-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:none}#map-3d-container.active{display:block}#map.view-3d-active{display:none}.terrain-controls{position:absolute;bottom:20px;right:20px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.35);border-radius:14px;box-shadow:0 4px 12px #00000014;padding:12px;width:240px;z-index:1000;display:none;transition:all .3s ease}.terrain-controls.active{display:block}.terrain-control-group{margin-bottom:12px}.terrain-control-group:last-child{margin-bottom:0}.terrain-control-label{font-size:var(--font-size-sm);color:var(--text-primary, #0F5C6D);margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.terrain-control-value{color:var(--primary, #4A90E2);font-weight:var(--font-weight-bold)}.terrain-slider{width:100%;height:4px;border-radius:2px;background:var(--control-border, #D4C4A0);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.terrain-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--primary, #4A90E2);cursor:pointer;box-shadow:0 2px 4px #0003}.terrain-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary, #4A90E2);cursor:pointer;box-shadow:0 2px 4px #0003;border:none}.compass-control{position:absolute;top:80px;right:20px;width:80px;height:80px;background:#ffffffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 4px 12px #00000014;cursor:grab;z-index:1000;-webkit-user-select:none;user-select:none;display:none;transition:all .3s ease}.compass-control.active{display:block}.compass-control:active{cursor:grabbing}.compass-inner{width:100%;height:100%;position:relative;border-radius:50%;transition:transform .1s ease}.compass-needle{position:absolute;width:3px;height:30px;background:linear-gradient(to bottom,var(--error, #C73E1D) 0%,var(--error, #C73E1D) 50%,var(--primary, #4A90E2) 50%,var(--primary, #4A90E2) 100%);left:50%;top:10px;transform:translate(-50%);border-radius:1px;pointer-events:none}.compass-direction{position:absolute;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-primary, #0F5C6D);pointer-events:none;font-family:var(--font-primary)}.compass-n{top:8px;left:50%;transform:translate(-50%);color:var(--error, #C73E1D)}.compass-e{right:8px;top:50%;transform:translateY(-50%)}.compass-s{bottom:8px;left:50%;transform:translate(-50%)}.compass-w{left:8px;top:50%;transform:translateY(-50%)}@media(max-width:768px){#view3d-control-container{margin:0 2px}.view3d-control .view3d-btn{min-width:30px!important;max-width:35px!important;padding:6px 8px!important;font-size:var(--font-size-sm)!important}.terrain-controls{width:200px;padding:10px}.compass-control{width:60px;height:60px;top:60px;right:10px}.compass-needle{height:22px;top:8px}.compass-direction{font-size:var(--font-size-xxs)}}@media(max-width:480px){.view3d-control .view3d-btn{min-width:28px!important;max-width:32px!important;font-size:var(--font-size-xs)!important;padding:5px 6px!important;height:28px!important}.terrain-controls{bottom:60px;right:10px;width:180px}}.map-3d-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;border:1px solid rgba(255,255,255,.4);border-radius:16px;box-shadow:0 6px 16px #0000001f;text-align:center;z-index:1000;transition:all .3s ease}.map-3d-loading-spinner{width:40px;height:40px;margin:0 auto 10px;border:3px solid var(--control-border, #D4C4A0);border-top-color:var(--primary, #4A90E2);border-radius:50%;animation:spin 1s linear infinite}.map-3d-loading-text{color:var(--text-primary, #0F5C6D);font-size:var(--font-size-lg);font-family:var(--font-primary)}#map-3d-container{z-index:400}#map,#map-3d-container{transition:opacity .3s ease}.view3d-error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(199,62,29,.4);border-radius:16px;padding:20px;max-width:400px;box-shadow:0 6px 16px #c73e1d26;z-index:10000;transition:all .3s ease}.view3d-error-title{color:var(--error, #C73E1D);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);margin-bottom:10px;font-family:var(--font-primary)}.view3d-error-text{color:var(--text-primary, #0F5C6D);font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.header-expand-toggle,.timeline-expand-toggle{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-md);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute}.sidebar-toggle{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-medium);-webkit-backdrop-filter:var(--glass-blur-medium);border:var(--glass-border-medium);border-radius:var(--glass-radius-md);box-shadow:var(--glass-shadow-md);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;position:fixed}.sidebar-toggle{width:16px;height:40px;padding:0}.header-expand-toggle,.timeline-expand-toggle{min-width:40px;padding:2px 8px}.header-expand-toggle{bottom:-20px;left:50%;transform:translate(-50%);border-top:none;z-index:1600}.timeline-expand-toggle{top:-20px;left:50%;transform:translate(-50%);border-bottom:none;z-index:1600}.sidebar-toggle{top:50vh;transform:translateY(-50%);left:calc(25% + var(--edge-gap, 8px) - 15px);z-index:1001;border-left:none}.sidebar-toggle:hover,.header-expand-toggle:hover,.timeline-expand-toggle:hover{background:var(--glass-bg-strong);border-color:var(--glass-border-accent);box-shadow:var(--glass-shadow-lg);transform:translate(-50%) scale(1.05)}.sidebar-toggle:hover{transform:translateY(-50%) translate(3px) scale(1.05);box-shadow:0 6px 16px #0000001f}.header-expand-toggle:hover{transform:translate(-50%) translateY(2px) scale(1.05)}.timeline-expand-toggle:hover{transform:translate(-50%) translateY(-2px) scale(1.05)}.sidebar-toggle:focus,.header-expand-toggle:focus,.timeline-expand-toggle:focus{outline:none;box-shadow:var(--glass-shadow-lg),var(--glass-focus-glow)}.header-expand-toggle:active,.timeline-expand-toggle:active{background:var(--glass-bg-strong);transform:scale(.95);box-shadow:var(--glass-shadow-sm)}.sidebar-toggle:active{background:var(--glass-bg-strong);transform:translateY(-50%) scale(.95);box-shadow:var(--glass-shadow-sm)}#loading-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3388ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-message{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold)}.spinner{width:24px;height:24px;border:3px solid #f3f3f3;border-top:3px solid #3388ff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading-message{margin-top:20px;font-size:var(--font-size-h2)}#loading-message.error{color:#d32f2f}#status-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:4px;box-shadow:0 2px 5px #0003;z-index:1500;max-width:80%;text-align:center}.status-info{background:#e3f2fd;color:#0d47a1}.status-warning{background:#fff3e0;color:#e65100}.status-error{background:#ffebee;color:#c62828}.error-container{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:2000;background:#fff;padding:20px;border-radius:4px;box-shadow:0 0 10px #0000001a;text-align:center;max-width:80%}.error-message{color:#d32f2f;font-weight:var(--font-weight-bold)}.empty-state{color:#888;text-align:center;margin-top:40px}:focus-visible{outline:2px solid var(--accent, #2563eb);outline-offset:2px}.is-hidden{display:none!important}.is-open{display:block!important}.placeholder{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--surface-alt)!important;color:var(--text-muted)!important;border-color:var(--border-light)!important;pointer-events:none;-webkit-user-select:none;user-select:none;position:relative}.placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 4px,var(--border-light) 4px,var(--border-light) 8px);opacity:.3;pointer-events:none;border-radius:inherit}.placeholder:hover{transform:none!important;box-shadow:none!important}.placeholder-text{color:var(--text-muted);font-style:italic;font-weight:var(--font-weight-normal)}.placeholder-text:before{content:"⚬ ";opacity:.5}@media(prefers-color-scheme:dark){.placeholder{background:#1a1a1a!important;color:#666!important;border-color:#333!important}.placeholder:before{background:repeating-linear-gradient(45deg,transparent,transparent 4px,#333 4px,#333 8px)}.placeholder-text{color:#666}}@media(max-width:768px){#header-bar,.header-bar{height:80px;min-height:80px;padding:12px 16px}.header-content{flex-direction:column;gap:12px;align-items:stretch}.header-logo .logo{font-size:var(--font-size-h3)}.header-controls-group{justify-content:center;flex-wrap:wrap;gap:12px}.header-buttons{justify-content:center}.header-expand-toggle{bottom:-25px;padding:6px 12px 4px;min-width:60px}body{--header-h: 80px;--footer-h: var(--footer-total-height-mobile);padding-top:80px;padding-bottom:var(--footer-total-height-mobile)}body:has(#temporality-panel-container.collapsed){--footer-h: var(--footer-minimal-height-mobile)}body.collapsible-pane-collapsed{--footer-h: var(--footer-minimal-height-mobile)}#app-footer{height:var(--footer-minimal-height-mobile)}#app-footer.collapsed{transform:translateY(calc(100% - 30px))}body:has(#app-footer.collapsed){padding-bottom:30px}body:has(#header-bar.collapsed){padding-top:30px}.header-bar .map-control.mode-control .mode-btn,.header-bar .map-control.shapefile-control .shapefile-toggle-btn{min-width:60px;font-size:var(--font-size-base);padding:0 8px;height:36px}.header-bar .map-control.country-control{min-width:140px;max-width:160px}}@media(max-width:480px){.header-bar{height:90px}body{--header-h: 90px;--footer-h: var(--footer-total-height-mobile);padding-top:90px;padding-bottom:var(--footer-total-height-mobile)}body:has(#temporality-panel-container.collapsed){--footer-h: var(--footer-minimal-height-mobile)}.snapshot-controls-container{padding:4px 8px}.snapshot-btn{width:20px;height:14px;font-size:var(--font-size-xxs)}.timeline-main-container{padding:4px 12px}#app-footer{grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"timeline" "controls" "status attribution";height:90px}.snapshot-controls-container{border-right:none;border-top:1px solid var(--border-light);justify-content:center;flex-direction:row}.snapshot-controls-buttons{flex-direction:row;gap:8px}#status-bar,#attribution{padding:4px 12px;font-size:var(--font-size-sm)}.timeline-type-selector{gap:12px}.timeline-type-selector label{font-size:var(--font-size-xs)}.header-logo{grid-column:1;grid-row:1;justify-content:center}.header-controls{grid-column:2;grid-row:1;justify-content:center}.header-left{grid-column:1;grid-row:2;justify-content:center}.header-center{grid-column:1 / -1;grid-row:2;justify-content:center}.header-right{grid-column:2;grid-row:2;justify-content:center}.header-layers{grid-column:1 / -1;grid-row:3;justify-content:center}.header-logo .logo{font-size:var(--font-size-lg)}.header-controls .control-btn{width:28px;height:28px;font-size:var(--font-size-base)}}@media screen and (max-width:768px){.timeline-type-selector{gap:12px}.timeline-type-selector label{font-size:var(--font-size-xs)}#left-sidebar{width:min(320px,calc(100vw - (2 * var(--edge-gap, 0px))));height:calc(100vh - var(--header-h) - var(--footer-h));position:fixed;top:calc(var(--header-h) + var(--edge-gap, 0px));bottom:calc(var(--footer-h) + var(--edge-gap, 0px));overflow-y:auto;transform:translate(0)}#left-sidebar.collapsed{transform:translate(calc(-100% - var(--edge-gap, 0px)))}#main-pane-right{transform:translate(100%)}.list-view-container{width:100%;height:100%}.details-container{width:100%}}@media(max-width:768px){.mode-control .mode-btn{min-width:70px;font-size:var(--font-size-h5);padding:0 12px}}@media(max-width:768px){.map-control.map-legend{left:10px;bottom:10px;min-width:160px;max-width:250px}.legend-header h3{font-size:var(--font-size-h5)}.legend-label{font-size:var(--font-size-base)}}@media(max-width:768px){.layer-control-content{max-height:250px}.layer-option{padding:8px 12px}.layer-option label{font-size:var(--font-size-lg)}.layer-control-content::-webkit-scrollbar{width:8px}}@media(max-width:700px){.details-container.active~* .map-control.layer-control,.details-container.active~* .map-control.zoom-control,body:has(.details-container.active) .map-control.layer-control,body:has(.details-container.active) .map-control.zoom-control,.list-view-active .map-control.layer-control,.list-view-active .map-control.zoom-control{right:20px;bottom:80px}}@media(max-width:700px){.details-container{width:100vw;left:0;right:0;height:60vh;top:auto;bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #0000002e}.details-content{padding:16px 8px}}@media(max-width:768px){.control-group.orientation-horizontal .control-group-content{flex-direction:column}.control-group{padding:12px}.control-item{flex-direction:column;align-items:flex-start}.control-label{margin:0 0 4px!important}.control-item input,.control-item select,.control-item textarea,.control-item button{width:100%;max-width:none}}@media(max-width:768px){.notification-container{max-width:calc(100vw - 40px);margin:0 20px}.notification-container.top-left,.notification-container.bottom-left{left:20px;right:20px;max-width:none}.notification-container.top-right,.notification-container.bottom-right{right:20px;left:20px;max-width:none}.notification-container.top-center,.notification-container.bottom-center{left:20px;right:20px;transform:none;max-width:none}.notification{padding:12px;font-size:var(--font-size-h5)}.notification-title{font-size:var(--font-size-lg)}.notification-close{top:6px;right:6px;width:24px;height:24px;font-size:var(--font-size-h2)}}@media(max-width:768px){.modal-content{width:95vw!important;max-width:95vw;margin:20px;max-height:calc(100vh - 40px)}.modal-content.size-small,.modal-content.size-medium,.modal-content.size-large{width:95vw!important}.modal-header{padding:16px 20px}.modal-title{font-size:var(--font-size-h3)}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column}.modal-button{width:100%;margin-bottom:8px}.modal-button:last-child{margin-bottom:0}}@media(prefers-color-scheme:dark){.control-group{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.control-group:hover{box-shadow:0 4px 8px #0000004d}.control-group-header{border-bottom-color:#404040}.control-group-title{color:#e0e0e0}.control-group-collapse{background:#404040;border-color:#555;color:#e0e0e0}.control-group-collapse:hover{background:#505050;border-color:#666}.control-label{color:#b0b0b0}.control-item input,.control-item select,.control-item textarea{background:#404040;border-color:#555;color:#e0e0e0}.control-item input:focus,.control-item select:focus,.control-item textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.control-item input:disabled,.control-item select:disabled,.control-item textarea:disabled{background:#2d2d2d;color:#666}.control-item button.secondary{background:#404040;color:#007bff;border-color:#007bff}.control-item button.secondary:hover{background:#505050}.control-group.disabled{background:#1a1a1a}}@media(prefers-color-scheme:dark){.notification{background:#2d2d2d;border-color:#404040;color:#e0e0e0}.notification.info{background:#1e3a5f;border-left-color:#64b5f6}.notification.success{background:#2e5d32;border-left-color:#81c784}.notification.warning{background:#5d4037;border-left-color:#ffb74d}.notification.error{background:#5d2a2a;border-left-color:#e57373}.notification-title{color:#e0e0e0}.notification-message,.notification-close{color:#b0b0b0}.notification-close:hover{background:#ffffff1a;color:#e0e0e0}.notification-action.secondary{background:#404040;color:#e0e0e0}.notification-action.secondary:hover{background:#505050}}@media(prefers-color-scheme:dark){.modal-content{background:#2d2d2d;color:#e0e0e0}.modal-header{border-bottom-color:#404040}.modal-title{color:#e0e0e0}.modal-close{color:#b0b0b0}.modal-close:hover{background:#404040;color:#e0e0e0}.modal-body{color:#b0b0b0}.modal-footer{border-top-color:#404040}.modal-button{background:#404040;border-color:#555;color:#e0e0e0}.modal-button:hover{background:#505050;border-color:#666}.modal-loading{background:#2d2d2de6}.modal-spinner{border-color:#555;border-top-color:#007bff}.modal-loading-text{color:#b0b0b0}.prompt-modal input{background:#404040;border-color:#555;color:#e0e0e0}.prompt-modal input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}}body.dark-mode .leaflet-popup-content-wrapper{background:#2a2a2ad9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-color:#ffffff26!important;box-shadow:0 6px 16px #0000004d!important}body.dark-mode .leaflet-popup-tip{background:#2a2a2ad9!important;box-shadow:0 3px 8px #0000004d!important}body.dark-mode .leaflet-popup-close-button{background:#2a2a2a99!important;border-color:#ffffff26!important;color:#b0b0b0!important}body.dark-mode .leaflet-popup-close-button:hover{background:#2a2a2acc!important;border-color:#2a9d8f66!important;color:#e0e0e0!important;box-shadow:0 4px 10px #00000080!important}body.dark-mode .leaflet-popup a,body.dark-mode .leaflet-popup-content a,body.dark-mode .leaflet-popup-content-wrapper a,body.dark-mode .source-popup a,body.dark-mode .surname-popup a,body.dark-mode .journey-step-popup a,body.dark-mode [class*=popup] a{background:#2a2a2a99;border-color:#2a9d8f33;color:var(--dm-primary-color)}body.dark-mode .leaflet-popup a:hover,body.dark-mode .leaflet-popup-content a:hover,body.dark-mode .leaflet-popup-content-wrapper a:hover,body.dark-mode .source-popup a:hover,body.dark-mode .surname-popup a:hover,body.dark-mode .journey-step-popup a:hover,body.dark-mode [class*=popup] a:hover{background:#2a9d8f33;border-color:#2a9d8f66;color:var(--dm-primary-color);box-shadow:0 4px 10px #2a9d8f26}body.dark-mode .popup-source-details-btn,body.dark-mode .popup-surname-details-btn,body.dark-mode .popup-surname-journey-btn{background:#2a9d8fe6;border-color:#ffffff26;box-shadow:0 2px 6px #2a9d8f26}body.dark-mode .popup-source-details-btn:hover,body.dark-mode .popup-surname-details-btn:hover,body.dark-mode .popup-surname-journey-btn:hover{background:#2a9d8f;box-shadow:0 4px 10px #2a9d8f40}body.dark-mode .details-header{background:#2a2a2ab3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .panel-close-button{background:#2a2a2a99;border-color:#ffffff26;box-shadow:0 2px 6px #0000004d}body.dark-mode .panel-close-button:hover,body.dark-mode .panel-close-button:focus-visible{background:#2a2a2abf;border-color:#2a9d8f4d;box-shadow:0 4px 10px #0006}body.dark-mode .journey-toggle button{background:#2a9d8fe6;border-color:#ffffff26;box-shadow:0 2px 6px #2a9d8f26}body.dark-mode .journey-toggle button:hover{background:#2a9d8f;box-shadow:0 4px 10px #2a9d8f40}body.dark-mode .surname-journey-steps{background:#2a2a2a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff26;box-shadow:0 4px 12px #0006}body.dark-mode .surname-journey-steps h3{color:var(--dm-primary-color, #e0e0e0)}body.dark-mode .journey-mini-map-container{background:#1a1a1a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}body.dark-mode .journey-mini-map{background:#141e2880}body.dark-mode .journey-carousel{scrollbar-color:rgba(42,157,143,.4) rgba(26,26,26,.3)}body.dark-mode .journey-carousel::-webkit-scrollbar-thumb{background-color:#2a9d8f66}body.dark-mode .journey-carousel::-webkit-scrollbar-thumb:hover{background-color:#2a9d8f99}body.dark-mode .journey-step{background:#2a2a2a99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-color:#ffffff26;box-shadow:0 2px 8px #0000004d}body.dark-mode .journey-step h4{color:var(--dm-primary-color, #e0e0e0)}body.dark-mode .journey-step-location{color:#2a9d8fe6}body.dark-mode .journey-step-temporal,body.dark-mode .journey-step-cause,body.dark-mode .journey-step-note{color:#c8c8c8cc}body.dark-mode .journey-step-temporal strong,body.dark-mode .journey-step-cause strong,body.dark-mode .journey-step-note strong{color:var(--dm-primary-color, #e0e0e0)}body.dark-mode .journey-step:hover{background:#2a2a2abf;border-color:#2a9d8f66;box-shadow:0 4px 12px #0006}body.dark-mode .journey-step.active{background:#2a9d8f33;border-color:#2a9d8f80;box-shadow:0 6px 16px #2a9d8f4d}body.dark-mode .journey-step.current{border-left-color:#4caf50b3}body.dark-mode .journey-step.previous{border-left-color:#ff9800b3}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#fafafa;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb}.noUi-connects{border-radius:3px}.noUi-connect{background:#3fb8af}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#fff;cursor:default;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#e8e7e6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-sub,.noUi-marker-large{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translateY(-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translateY(-18px);top:auto;right:28px}.timeline-wrapper{display:flex;flex-direction:column;height:100%;gap:8px}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:rgba(var(--color-surface-rgb),.1);border-radius:6px;border:1px solid rgba(var(--color-border-rgb),.3);height:40px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}.timeline-mode-controls{display:flex;align-items:center;gap:8px}.timeline-mode-controls input[type=checkbox]{margin:0}.timeline-mode-controls label{font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer}.timeline-type-controls{display:flex;gap:16px;align-items:center}.timeline-type-controls input[type=radio]{margin:0}.timeline-type-controls label{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:.9em;color:var(--color-text-secondary);transition:color .2s ease}.timeline-type-controls input[type=radio]:checked+label{color:var(--color-text);font-weight:var(--font-weight-medium)}.timeline-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.timeline-scrubber{display:flex;flex-direction:column;gap:6px;height:100%;padding:4px 0}.timeline-content{display:flex;flex-direction:row;gap:16px;flex-wrap:nowrap;align-items:stretch;height:100%;min-height:0}.timeline-scrubber-wrapper{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px;min-height:0}.timeline-scrubber__header{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--timeline-text)}.timeline-scrubber__title{text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-size-sm);color:var(--text-muted)}.timeline-scrubber__slider{width:100%;height:20px;margin:8px 0}.timeline-scrubber__values{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--text-secondary);gap:8px;margin-top:3px;padding:0 2px}.timeline-scrubber__value{display:flex;flex-direction:column;gap:2px;text-align:center;min-width:60px}.timeline-scrubber__value--playhead{font-weight:var(--font-weight-semibold);color:var(--timeline-fill);text-align:center}.timeline-scrubber__value-label{text-transform:uppercase;letter-spacing:.04em;font-size:var(--font-size-xxs);color:var(--text-muted)}.timeline-scrubber__value-number{font-size:var(--font-size-sm)}.timeline-scrubber .noUi-target{border:none;background:var(--timeline-track);box-shadow:none;border-radius:9999px;height:6px}.timeline-scrubber .noUi-connect{background:var(--timeline-fill);border-radius:9999px}.timeline-scrubber .noUi-handle{width:20px;height:20px;top:-7px;border-radius:50%;border:3px solid var(--timeline-handle);background:var(--surface-card);box-shadow:0 2px 8px #0000004d;cursor:grab;transition:all .2s ease}.timeline-scrubber .noUi-handle:before,.timeline-scrubber .noUi-handle:after{display:none}.timeline-scrubber .noUi-handle:hover{transform:scale(1.1);box-shadow:0 3px 12px #0006}.timeline-scrubber .noUi-handle:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb59}.timeline-scrubber .noUi-handle.noUi-active{cursor:grabbing;transform:scale(1.05)}@media(prefers-color-scheme:dark){.timeline-scrubber__header{color:#e2e8f0}.timeline-scrubber__title,.timeline-scrubber__values,.timeline-scrubber__value-label{color:#a0aec0}.timeline-scrubber .noUi-target{background:#4a5568}.timeline-scrubber .noUi-handle{background:#1a202c;border-color:#63b3ed;box-shadow:0 2px 6px #00000073}.timeline-scrubber .noUi-connect{background:#63b3ed}}.timeline-main-container{flex:1;display:flex;flex-direction:column;padding:12px 16px 8px;min-height:0}.timeline-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:rgba(var(--color-surface-rgb),.1);border-radius:6px;border:1px solid rgba(var(--color-border-rgb),.3);height:40px;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;margin-bottom:8px}.timeline-footer-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.timeline-transport-controls{display:flex;gap:4px;align-items:center}.and-toggle{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;margin-left:12px;padding-left:12px;border-left:1px solid var(--border-light)}.and-toggle:hover{color:var(--text-primary);transform:scale(1.05)}.and-toggle input{margin:0}.timeline-type-selector{display:flex;gap:16px;margin-bottom:10px;height:24px;flex-shrink:0;transform:translate(0);opacity:1;transition:transform .3s ease,opacity .3s ease}.timeline-type-selector label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}#temporality-panel-container.and-mode .timeline-type-selector{transform:translate(-20px);opacity:0;pointer-events:none}.timeline-container{flex:1;position:relative;min-height:80px;transition:min-height .3s cubic-bezier(.4,0,.2,1)}#temporality-panel-container.and-mode .timeline-container{min-height:140px}.timeline-slider-wrapper{position:absolute;left:0;right:0;height:70px;opacity:0;transform:translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.timeline-slider-wrapper.timeline-active{opacity:1;transform:translateY(0);pointer-events:auto}.timeline-slider-wrapper.timeline-focus{box-shadow:0 0 0 2px rgba(var(--primary-rgb, 67, 56, 202),.25);border-radius:12px;background:rgba(var(--primary-rgb, 67, 56, 202),.05)}#temporality-panel-container.and-mode .timeline-year-published{top:0;opacity:1;transform:translateY(0)}#temporality-panel-container.and-mode .timeline-year-subject{top:70px;opacity:1;transform:translateY(0)}.timeline-slider-wrapper.timeline-active:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--primary);border-radius:2px;opacity:0;transition:opacity .2s ease}#temporality-panel-container.and-mode .timeline-slider-wrapper.timeline-active:after{opacity:1}.collapsed-timeline-info{position:absolute;bottom:100%;left:0;right:0;height:30px;background:var(--surface-card);border-top:1px solid var(--border-medium);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-size:var(--font-size-sm);color:var(--text-secondary);opacity:0;transition:opacity .3s ease}#temporality-panel-container.collapsed .collapsed-timeline-info{opacity:1}.collapsed-left{display:flex;align-items:center;gap:8px}.collapsed-play-btn{width:20px;height:20px;border-radius:50%;border:none;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-xs)}.collapsed-timeline-state{font-size:var(--font-size-sm);color:var(--text-primary)}.collapsed-source-count{font-size:var(--font-size-xs);color:var(--text-muted)}.timeline-toggle-icon{font-size:var(--font-size-lg);color:var(--text-secondary);transition:transform .3s ease;display:inline-block}#temporality-panel-container.collapsed .timeline-toggle-icon{transform:rotate(180deg)}.timeline-error{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-error, #dc2626);background:var(--bg-error-soft, #fef2f2);border:1px solid var(--border-error, #fecaca);border-radius:6px;font-size:var(--font-size-lg);text-align:center}.timeline-placeholder{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-muted, #9ca3af);background:var(--bg-surface-alt, #f9fafb);border:1px dashed var(--border-light, #e5e7eb);border-radius:6px;font-size:var(--font-size-lg);text-align:center}.timeline-placeholder-note{font-style:italic}.timeline-summary{display:flex;flex-direction:column;gap:4px;margin-top:4px}.timeline-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--bg-surface-alt, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:3px;font-size:var(--font-size-sm)}.timeline-row:hover{background:var(--bg-surface, #ffffff);border-color:var(--border-medium, #d1d5db)}.snapshot-btn{width:28px;height:20px;font-size:var(--font-size-xs);border-radius:4px;border:1px solid var(--border-medium);background:var(--btn-secondary-bg);color:var(--btn-secondary-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.snapshot-btn:hover:not(:disabled){background:var(--btn-secondary-hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.snapshot-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000001a}.snapshot-btn:focus-visible{box-shadow:0 0 0 2px var(--input-focus-shadow, rgba(31, 122, 140, .25))}.snapshot-btn:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed;background:var(--btn-secondary-bg, var(--surface-card));transform:none;box-shadow:none}.snapshot-btn.active{background:var(--btn-primary-bg, var(--primary));color:var(--btn-primary-text, var(--text-on-primary));border-color:var(--btn-primary-border, var(--primary))}.snapshot-btn.active:hover{background:var(--btn-primary-hover-bg, var(--primary-strong));border-color:var(--btn-primary-hover-border, var(--primary-strong))}.snapshot-btn--play-pause{background:var(--color-success);color:#fff;border-color:var(--color-success);font-weight:var(--font-weight-semibold)}.snapshot-btn--stop{background:var(--color-warning);color:var(--text-on-accent);border-color:var(--color-warning)}.snapshot-btn--record{background:var(--color-error);color:#fff;border-color:var(--color-error)}.footer-header-container{flex:1;display:flex;flex-direction:row;align-items:stretch;gap:12px;padding:8px 16px;min-height:0;overflow:hidden}.timelines-container{flex:1;display:flex;flex-direction:column;min-height:0}.snapshot-controller-container{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:200px}.snapshot-controller-container .snapshot-controls-buttons{display:flex;gap:6px;align-items:center;padding:8px 12px;background:rgba(var(--color-surface-rgb),.05);border-radius:8px;border:1px solid rgba(var(--color-border-rgb),.2)}.snapshot-controller-container .transport-controls,.snapshot-controller-container .action-controls{display:flex;gap:2px}.snapshot-controller-container .transport-controls{margin-right:8px;padding-right:8px;border-right:1px solid rgba(var(--color-border-rgb),.3)}.timeline-footer-content{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:0;overflow:hidden}@media screen and (max-width:600px){.timeline-content{flex-direction:column;gap:8px}.timeline-scrubber-wrapper{min-width:auto}.timeline-scrubber__values{font-size:var(--font-size-sm);gap:4px}.timeline-scrubber__value{flex:1}.timeline-scrubber__header{display:none}#timeline-footer{padding:8px 16px 4px}.timeline-footer-title{font-size:var(--font-size-base)}.timeline-expand-toggle{top:-30px;padding:6px 12px 3px;min-width:60px}.timeline-content{gap:16px}.timeline-scrubber-wrapper{min-width:160px}.snapshot-controls-container{margin-bottom:8px}.snapshot-controls-buttons{gap:4px;padding:6px 8px}.snapshot-btn{width:28px;height:28px;font-size:var(--font-size-base)}.snapshot-btn--beginning,.snapshot-btn--end{font-size:var(--font-size-xs)}}