:root{--color-primary: #008cba;--color-primary-hover: #005f6b;--color-primary-light: rgb(0, 140, 186, .1);--color-text-primary: #333;--color-text-secondary: #666;--color-text-tertiary: #999;--color-text-medium: #555;--color-text-dark: #2c3e50;--color-background: #fafafa;--color-background-white: #fff;--color-surface-light: #f5f5f5;--color-surface-lighter: #f9f9f9;--color-surface-badge: #f0f0f0;--color-overlay-light: rgb(255, 255, 255, .7);--color-text-overlay: rgb(0, 0, 0, .7);--color-border: #e5e5e5;--color-border-light: #ddd;--color-border-dark: #ccc;--color-border-strong: rgb(0, 0, 0, .7);--color-scrollbar-track: #f1f1f1;--color-scrollbar-thumb: #c1c1c1;--color-scrollbar-thumb-hover: #a8a8a8;--color-error: #d32f2f;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-xs: 3px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 20px;--shadow-xs: 0 2px 4px rgb(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgb(0, 0, 0, .1);--shadow-md: 0 2px 8px rgb(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgb(0, 0, 0, .15);--shadow-xl: 0 8px 16px rgb(0, 0, 0, .15);--font-family-base: system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 1.85rem;--font-size-5xl: 2.5rem;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.75;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease}html{font-family:var(--font-family-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);line-height:var(--line-height-base)}input,button,textarea,select,optgroup{font-family:inherit;font-size:inherit;line-height:inherit}#root{margin:0 auto;text-align:center}html,body{height:100%;min-height:100vh}body{margin:0;width:100%}#footer{position:relative;display:flex;justify-content:left;align-items:center;z-index:1;height:35px;bottom:0;left:0}a{color:var(--color-primary)}.homepage{position:relative;height:calc(100vh - 90px);width:100%}.content{background-color:var(--color-background);height:calc(100vh - 90px)}.about,.sounds,.page-content{text-align:left;padding-top:15px;padding-left:25px}.site{display:flex;flex-direction:column}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay-light);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2}.fade-out{animation:fadeOut .6s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.title{font-size:var(--font-size-4xl);color:var(--color-text-dark);font-weight:700;letter-spacing:-.3px;margin:0}button{padding:5px 20px;font-size:1rem;cursor:pointer;background-color:var(--color-primary);color:#fff;border:none;border-radius:5px;transition:all var(--transition-base)}button:hover{background-color:var(--color-primary-hover)}.button-secondary,#filter-reset{background-color:#fff;border:1px solid var(--color-text-primary);color:var(--color-text-primary);font-size:14px;border-radius:0;padding:3px 10px}.button-secondary:hover,#filter-reset:hover{border-color:var(--color-text-secondary);color:var(--color-text-secondary);background-color:var(--color-background-white)}.button-ghost{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border-dark)}#sound-search{margin:10px;padding:5px 20px;width:350px}.control-panel{font-size:14px;line-height:18px;width:284px;background:var(--color-background-white);box-shadow:0 0 4px #00000026;margin:24px;padding:12px 24px;position:absolute;top:0;right:0;outline:none;cursor:auto;box-sizing:border-box}.control-panel-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.control-panel h3{font-size:1.2em;font-weight:500;margin:8px 0}.minimize-button{background-color:transparent;color:var(--color-text-primary);border:none;font-size:1rem;padding:4px 8px;cursor:pointer;transition:color var(--transition-base)}.minimize-button:hover{color:var(--color-text-secondary);background-color:transparent}.control-panel.minimized{width:auto;min-width:200px}.control-panel h4{font-weight:500;margin:8px 0}.filter-options{display:flex;flex-direction:column;gap:6px;align-items:center}select{max-width:75%;min-width:75%}.clustering-toggle{margin:10px 0;display:flex;justify-content:center}.clustering-toggle label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.clustering-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.search-control{margin-bottom:12px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:6px 30px 6px 10px;border:1px solid var(--color-border-dark);border-radius:4px;font-size:14px}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-result-count{font-size:12px;color:var(--color-text-secondary);margin-top:4px}.gm-style .gm-style-iw-c{padding:0!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important;max-width:320px!important;overflow:hidden!important}.gm-style .gm-style-iw-d{overflow:hidden!important;max-height:500px!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important}.gm-style .gm-style-iw-d>div{padding:0!important;margin:0!important;display:block!important}.gm-style .gm-style-iw{padding:0!important;margin:0!important;top:0!important}.gm-style-iw-ch,.gm-style-iw-chr{padding:0!important;margin:0!important;height:0!important;min-height:0!important}.gm-style .gm-style-iw-c>div,.gm-style .gm-style-iw-c>div>div,.gm-style .gm-style-iw-d,.gm-style .gm-style-iw{padding-top:0!important;margin-top:0!important}.gm-style .gm-style-iw-c .sound-info-header{margin-top:0!important}.gm-style .gm-style-iw-c>.gm-style-iw-d>div:first-child{margin-top:0!important;padding-top:0!important}.gm-style .gm-style-iw-d>div:first-child{padding:0!important;margin:0!important;display:block!important;line-height:0!important}.gm-style .gm-style-iw-tc{filter:drop-shadow(0 2px 4px rgb(0,0,0,.2))}.gm-style .gm-style-iw-tc:after{background:#fff!important}button.gm-ui-hover-effect{top:2px!important;right:14px!important;width:28px!important;height:28px!important;opacity:.9!important;z-index:1000!important}button.gm-ui-hover-effect:hover{opacity:1!important}.sound-info{width:320px;max-height:500px;padding:0;margin:0;overflow:hidden;border-radius:var(--radius-lg);border-top:4px solid var(--decade-color, var(--color-primary));position:relative;display:flex;flex-direction:column}.sound-info *{line-height:normal}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sound-info-header{padding:var(--spacing-lg);background:linear-gradient(to bottom,var(--color-background),var(--color-background-white));border-bottom:1px solid var(--color-border);position:relative;display:block;margin:0;flex-shrink:0}.sound-info-header h2{margin:0 0 var(--spacing-md) 0;font-size:18px;font-weight:600;color:var(--color-text-primary);line-height:1.3}.sound-metadata{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.metadata-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.decade-badge{color:#fff}.class-badge,.type-badge{background:var(--color-surface-badge);color:var(--color-text-secondary)}.provenance-badge{background:#e9e4f0;color:#6b4c9a}.sound-info-body{padding:var(--spacing-lg);overflow:hidden auto;flex:1;min-height:0;scroll-behavior:smooth;box-sizing:border-box}.sound-info-body::-webkit-scrollbar{width:6px}.sound-info-body::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:var(--radius-xs)}.sound-info-body::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:var(--radius-xs)}.sound-info-body::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}.sound-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0 0 12px}.sound-notes{font-size:13px;color:var(--color-text-medium);line-height:1.5;padding:var(--spacing-md);background:var(--color-surface-lighter);border-radius:var(--radius-md);margin-top:var(--spacing-md);border-left:3px solid var(--decade-color, var(--color-primary))}.sound-info img{width:100%;border-radius:var(--radius-lg);margin:var(--spacing-sm) 0;box-shadow:var(--shadow-md);object-fit:cover;object-position:center;display:block}.sound-info audio{display:block;width:100%;height:40px;margin:var(--spacing-md) 0;border-radius:20px;outline:none}.sound-info audio::-webkit-media-controls-panel{background-color:var(--color-surface-light);border-radius:20px}.info-window-button{width:100%;padding:10px var(--spacing-lg);margin-top:var(--spacing-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-base),transform .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.info-window-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.info-window-button:active{transform:translateY(0)}#sounds-page-title{margin-left:10px}.sound-cards{display:flex;flex-flow:column wrap;justify-content:space-around}.sound-card{border:1px solid;border-color:var(--color-text-overlay);padding:20px;margin:10px;box-shadow:5px 5px #d3d3d3}.sound-card:hover{color:var(--color-primary);cursor:pointer}.divider{border:1px solid var(--color-text-primary);width:100%}nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;text-align:center;top:0;left:0;width:100%;background-color:var(--color-background-white);z-index:1;padding:18px 30px;gap:40px;box-shadow:0 3px 12px #0000001f;box-sizing:border-box}.nav-options{display:flex;flex-direction:row;gap:12px;margin-right:20px}nav a{font-size:1rem;font-weight:500;letter-spacing:.2px;text-decoration:none;background-color:transparent;color:var(--color-text-primary);padding:var(--spacing-md) 18px;transition:all .25s ease;position:relative}nav a:after{content:"";position:absolute;bottom:8px;left:18px;right:18px;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform .25s ease}nav a:hover:after{transform:scaleX(1)}nav a:hover{color:var(--color-primary);background-color:transparent;cursor:pointer}.nav-options a.active{color:var(--color-primary);font-weight:700}.nav-options a.active:after{transform:scaleX(1)}.nav-options a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.nav-options a{color:var(--color-text-dark)}.image-gallery{width:100%;position:relative;margin:var(--spacing-md) 0;box-sizing:border-box}.image-gallery img{width:100%;max-width:100%;max-height:60vh;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);object-fit:contain;object-position:center;display:block;box-sizing:border-box;background-color:var(--color-surface-light);transition:transform var(--transition-fast)}body:not(.lightbox-open) .image-gallery.lightbox-enabled img:hover{transform:scale(1.02)}@media(max-width:968px){.image-gallery img{max-height:50vh}}@media(max-width:480px){.image-gallery img{max-height:45vh}}.gallery-navigation{position:absolute;inset:0;padding:16px 8px;display:flex;flex-direction:column;justify-content:end;align-items:center;pointer-events:none}.nav-btns{width:100%;margin:auto 0;display:flex;justify-content:space-between;transform:translateY(50%)}.nav-btns button{padding:8px;background:var(--color-overlay-light);color:var(--color-text-overlay);border:none;box-shadow:0 1.417px 4.25px 1.417px #00000026,0 1.417px 2.833px #0000004d;opacity:1;cursor:pointer;display:flex;align-items:center;gap:10px;transition:opacity .3s ease-in;pointer-events:auto}.nav-btns button span{font-size:16px}.nav-btns button:disabled{opacity:0}.dot{cursor:pointer;height:6px;width:6px;margin:0 2px;background-color:var(--color-overlay-light);border-radius:50%;display:inline-block;transition:background-color .3s ease;pointer-events:auto}.dot.active{background-color:var(--background-color-primary)}.lightbox-overlay{position:fixed;inset:0;background-color:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);animation:fadeIn .25s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-container{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transition:opacity .2s ease-in-out}.lightbox-image.loading{opacity:.5}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;transition:all var(--transition-fast);z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.lightbox-nav-btn:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.lightbox-nav-btn:disabled{opacity:.3;cursor:not-allowed}.lightbox-nav-btn.prev{left:var(--spacing-xl)}.lightbox-nav-btn.next{right:var(--spacing-xl)}.lightbox-close-btn{position:absolute;top:var(--spacing-xl);right:var(--spacing-xl);background:#ffffffe6;border:none;border-radius:50%;width:44px;height:44px;font-size:28px;line-height:1;cursor:pointer;transition:all var(--transition-fast);z-index:10000;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);color:var(--color-text-primary)}.lightbox-close-btn:hover{background:#fff;transform:rotate(90deg)}.lightbox-counter{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);background:#ffffffe6;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-round);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);box-shadow:var(--shadow-md)}@media(max-width:768px){.lightbox-overlay{padding:var(--spacing-md)}.lightbox-nav-btn{width:40px;height:40px;font-size:20px}.lightbox-nav-btn.prev{left:var(--spacing-sm)}.lightbox-nav-btn.next{right:var(--spacing-sm)}.lightbox-close-btn{top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;font-size:24px}.lightbox-counter{bottom:var(--spacing-md);font-size:var(--font-size-xs);padding:6px var(--spacing-md)}}.sounds-page{background-color:var(--color-background);min-height:calc(100vh - 90px);padding:40px 20px}.sounds-page-header{max-width:1400px;margin:0 auto 32px;padding:0 24px}#sounds-page-title{font-size:var(--font-size-5xl);color:var(--color-text-primary);margin-bottom:24px}.sounds-page .control-panel{position:static;margin:0 auto 32px;max-width:none;width:100%;background:var(--color-background-white);border-radius:0;padding:20px 24px;box-shadow:0 2px 8px #0000000f;border:none;border-bottom:1px solid var(--color-border)}.sounds-page .control-panel.no-minimize .control-panel-header{display:none}.sounds-page .control-panel .search-control{margin-bottom:16px;display:flex;flex-direction:column;align-items:center}.sounds-page .control-panel .search-input-wrapper{width:100%;max-width:900px}.sounds-page .control-panel .search-input{width:100%;padding:10px 16px;font-size:15px;border:2px solid var(--color-border);border-radius:6px;transition:all var(--transition-fast)}.sounds-page .control-panel .search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.sounds-page .control-panel .search-result-count{margin-top:6px;font-size:13px;color:var(--color-text-tertiary)}.sounds-page .control-panel .filter-options{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:16px 24px;align-items:center;margin:0 auto;max-width:900px;justify-content:center}.sounds-page .control-panel .filter-options label{font-size:14px;color:var(--color-text-secondary);font-weight:500;margin-right:8px}.sounds-page .control-panel .filter-options select{padding:8px 32px 8px 12px;border:1px solid var(--color-border-light);border-radius:6px;font-size:14px;background:var(--color-background-white);cursor:pointer;transition:all var(--transition-fast);width:100%;max-width:280px}.sounds-page .control-panel .filter-options select:hover{border-color:var(--color-text-tertiary)}.sounds-page .control-panel .filter-options select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}.sounds-page .control-panel #filter-reset{margin:var(--spacing-lg) auto 0;padding:var(--spacing-sm) 20px;background:var(--color-background-white);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:block}.sounds-page .control-panel #filter-reset:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background-white)}.sounds-search-container{max-width:600px}.sounds-search-input{width:100%;padding:12px 20px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;transition:border-color var(--transition-base)}.sounds-search-input:focus{outline:none;border-color:var(--color-primary)}.search-result-count{display:block;margin-top:8px;font-size:14px;color:var(--color-text-secondary)}.no-results{grid-column:1 / -1;text-align:center;padding:48px 24px;color:var(--color-text-secondary);font-size:18px}@media(max-width:968px){.sounds-page .control-panel .filter-options{grid-template-columns:auto 1fr;gap:12px 16px}.sounds-page .control-panel .filter-options select,.sounds-page .control-panel .search-input{max-width:100%}}.no-results p{font-size:1.1rem;margin-bottom:16px}.no-results button{background:var(--color-primary);color:var(--color-background-white);border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.no-results button:hover{background:var(--color-primary-hover)}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:24px;max-width:1400px;margin:0 auto}.sound-card-v2{background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:flex;flex-direction:column}.sound-card-v2:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.sound-card-image-container{width:100%;height:200px;overflow:hidden;background:var(--color-surface-light)}.sound-card-image,.static-map-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sound-card-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.sound-card-title{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.3}.sound-card-metadata{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.sound-card-description{font-size:14px;color:var(--color-text-secondary);line-height:1.5;margin:0;flex:1}.sound-detail-page{max-width:1200px;margin:0 auto;padding:24px;background:var(--color-background);min-height:calc(100vh - 90px)}.sound-detail-error{text-align:center;padding:60px 20px}.sound-detail-error h2{margin-bottom:20px;color:var(--color-text-primary)}.sound-detail-error button{background:var(--color-primary);color:var(--color-background-white);border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer}.sound-detail-header{margin-bottom:32px}.back-button{background:transparent;border:1px solid var(--color-border-dark);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:var(--spacing-lg);font-size:14px;transition:all var(--transition-fast)}.back-button:hover{background:var(--color-surface-light);border-color:var(--color-primary);color:var(--color-primary)}.sound-detail-header h1{font-size:var(--font-size-3xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.sound-metadata{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.theme-badge{background:#64748b;color:var(--color-background-white)}.sound-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:968px){.sound-detail-content{grid-template-columns:1fr}}.sound-detail-map-section{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);height:400px}.soundwalk-hint{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-light);border-left:3px solid var(--decade-color, var(--color-primary));border-radius:var(--radius-md);color:var(--color-text-medium);font-size:13px;line-height:1.5}.sound-detail-info-section,.sound-detail-col1{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sound-detail-info-section h3{font-size:1.2rem;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.sound-audio-section audio{width:100%;border-radius:var(--radius-lg)}.sound-description-section p{color:var(--color-text-secondary);line-height:1.6}.theme-badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media(max-width:768px){.sounds-grid{grid-template-columns:1fr;padding:var(--spacing-lg);gap:var(--spacing-lg)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.about-page-new{min-height:100vh;background-color:var(--color-background)}.about-hero{position:relative;width:100%;height:300px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.about-hero:before{content:"";position:absolute;inset:0;background-image:url(https://object-arbutus.cloud.computecanada.ca/soundscapes-public/WSP%20JPEGs/Photo%2019-07-2024,%2016%2047%2026.jpg);background-size:cover;background-position:center;opacity:.5;z-index:0}.about-hero-overlay{position:relative;z-index:1;text-align:center;color:var(--color-background-white);padding:var(--spacing-2xl)}.about-hero-title{font-size:var(--font-size-5xl);font-weight:700;margin:0;text-shadow:0 2px 8px rgb(0,0,0,.3)}.about-container{display:grid;grid-template-columns:280px 1fr;gap:48px;max-width:1400px;margin:0 auto;padding:40px 24px;min-height:calc(100vh - 390px)}.about-sidebar{position:sticky;top:100px;align-self:start;height:fit-content;max-height:calc(100vh - 140px);overflow-y:auto;padding:var(--spacing-lg) 0}.about-mobile-toggle{display:none;position:fixed;bottom:24px;right:24px;z-index:100;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-background-white);border:none;font-size:24px;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-base)}.about-mobile-toggle:hover{transform:scale(1.05);background:var(--color-primary-hover)}.about-nav{display:flex;flex-direction:column;gap:var(--spacing-md)}.about-nav-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.about-nav-item{text-align:left;padding:var(--spacing-sm) 0;background:transparent;border:none;border-left:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:400;cursor:pointer;transition:color var(--transition-fast)}.about-nav-item:hover{color:var(--color-primary);background:transparent}.about-nav-item.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.about-nav-parent{font-weight:600;color:var(--color-text-primary)}.about-nav-children{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-left:var(--spacing-lg)}.about-nav-child{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.about-nav-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.about-main-content{background:var(--color-background-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left}.about-section{margin-bottom:64px;scroll-margin-top:100px}.about-section:last-child{margin-bottom:0}.about-section-header{font-size:var(--font-size-4xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-primary);text-align:left}.about-subsection{margin-bottom:var(--spacing-2xl);scroll-margin-top:100px}.about-subsection:last-child{margin-bottom:0}.about-subsection h3{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-align:left}.about-subsection p{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);text-align:left}.about-subsection ul{margin:var(--spacing-lg) 0;padding-left:var(--spacing-2xl);line-height:var(--line-height-relaxed);text-align:left}.about-subsection li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);text-align:left}.about-subsection a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.about-subsection a:hover{text-decoration:underline;color:var(--color-primary-hover)}@media(max-width:968px){.about-container{grid-template-columns:1fr;gap:0;padding:24px 16px}.about-sidebar{position:fixed;top:90px;left:-100%;width:280px;height:calc(100vh - 90px);max-height:none;z-index:99;transition:left var(--transition-base);border-radius:0}.about-sidebar.mobile-open{left:0}.about-mobile-toggle{display:flex;align-items:center;justify-content:center}.about-hero-title{font-size:var(--font-size-4xl)}}@media(max-width:768px){.about-hero{height:200px}.about-hero-title{font-size:var(--font-size-3xl)}.about-main-content{padding:var(--spacing-xl)}.about-section-header{font-size:var(--font-size-3xl)}.about-subsection h3{font-size:var(--font-size-xl)}}.submit-page{background-color:var(--color-background);min-height:calc(100vh - 90px);padding:40px 60px}.submit-header{max-width:800px;margin:0 auto 40px;text-align:center}.submit-header h1{font-size:var(--font-size-5xl);color:var(--color-text-primary);margin-bottom:16px}.submit-header p{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6}.submit-form{max-width:800px;margin:0 auto;background:var(--color-background-white);border-radius:8px;padding:40px;box-shadow:var(--shadow-md)}.form-section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin-bottom:20px}.form-field{margin-bottom:24px}.form-field label{display:block;font-weight:600;color:var(--color-text-primary);margin-bottom:8px;font-size:.95rem}.form-field input[type=text],.form-field input[type=email],.form-field input[type=url],.form-field input[type=number],.form-field select,.form-field textarea{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:6px;font-size:1rem;transition:border-color var(--transition-base);font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary)}.form-field textarea{resize:vertical;min-height:100px}.field-hint{font-size:.85rem;color:var(--color-text-secondary);margin-top:6px;line-height:1.4}.error{display:block;color:var(--color-error);font-size:.85rem;margin-top:6px}.form-field input.error,.form-field select.error,.form-field textarea.error{border-color:var(--color-error)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer;padding:8px;border-radius:4px;transition:background-color var(--transition-fast)}.checkbox-label:hover{background-color:var(--color-surface-light)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.submission-agreement{background:#f8fafc;border:2px solid #e2e8f0;border-left:5px solid var(--color-primary);padding:32px;border-radius:8px;margin-top:16px;box-shadow:0 1px 3px #0000000d}.submission-agreement>p{margin:0 0 24px;color:var(--color-text-primary);font-weight:700;font-size:1.15rem;text-align:left;padding-bottom:16px;border-bottom:2px solid #cbd5e1}.agreement-terms{margin:24px 0 32px;padding-left:24px;line-height:1.7;color:var(--color-text-secondary);counter-reset:agreement-counter;list-style:none}.agreement-terms>li{margin-bottom:20px;padding-left:8px;position:relative;counter-increment:agreement-counter;text-align:left}.agreement-terms>li:before{content:counter(agreement-counter) ".";position:absolute;left:-24px;font-weight:700;color:var(--color-primary);font-size:1.1rem}.agreement-terms strong{color:var(--color-text-primary);font-weight:700;font-size:.95rem;display:inline-block;margin-bottom:4px}.agreement-terms ul{margin:12px 0 0;padding-left:24px;list-style-type:none;text-align:left}.agreement-terms ul li{margin-bottom:8px;padding-left:20px;position:relative;color:var(--color-text-secondary);font-size:.95rem;text-align:left}.agreement-terms ul li:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.agreement-terms a{color:var(--color-primary);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color var(--transition-base)}.agreement-terms a:hover{border-bottom-color:var(--color-primary)}.agreement-checkbox{margin-bottom:0;margin-top:8px}.agreement-checkbox .checkbox-label{background:var(--color-background-white);padding:20px 24px;border:2px solid #cbd5e1;border-radius:8px;font-weight:600;font-size:1rem;transition:all var(--transition-base);box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;gap:12px}.agreement-checkbox .checkbox-label:hover{border-color:var(--color-primary);background:#fafafa;box-shadow:0 2px 4px #00000014;transform:translateY(-1px)}.agreement-checkbox input[type=checkbox]{width:22px;height:22px;flex-shrink:0;cursor:pointer;accent-color:var(--color-primary)}.agreement-checkbox .checkbox-label span{color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.location-input-methods{margin-bottom:16px}.map-toggle-btn{padding:12px 24px;background:var(--color-primary);color:var(--color-background-white);border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color var(--transition-base)}.map-toggle-btn:hover{background:var(--color-primary-hover)}.coordinate-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.map-picker{margin:20px 0;border:2px solid var(--color-border);border-radius:8px;overflow:hidden}.map-picker-controls{padding:16px;background:var(--color-surface-lighter);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.map-picker-controls p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.confirm-location-btn{padding:8px 16px;background:var(--color-primary);color:var(--color-background-white);border:none;border-radius:4px;cursor:pointer;transition:background-color var(--transition-base)}.confirm-location-btn:hover{background:var(--color-primary-hover)}.form-actions{margin-top:40px;text-align:center}.submit-btn{padding:16px 48px;background:var(--color-primary);color:var(--color-background-white);border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.submit-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-note{margin-top:16px;font-size:.9rem;color:var(--color-text-secondary)}@media(max-width:768px){.submit-page{padding:30px 20px}.submit-form{padding:24px}.submit-header h1{font-size:var(--font-size-3xl)}.coordinate-inputs,.checkbox-group{grid-template-columns:1fr}.submit-btn{width:100%}}.path-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.path-counter{display:flex;align-items:center;gap:8px}.point-count-badge{background:var(--color-primary);color:var(--color-background-white);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.path-control-btn{padding:8px 16px;background:var(--color-background-white);color:var(--color-text-primary);border:1px solid var(--color-border-dark);border-radius:4px;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.path-control-btn:hover:not(:disabled){background:var(--color-surface-light);border-color:var(--color-primary);color:var(--color-primary)}.path-control-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-lighter)}.path-info{background:var(--color-surface-lighter);border:1px solid var(--color-border);border-radius:6px;padding:16px;margin-bottom:16px;max-height:200px;overflow-y:auto}.path-info h4{margin:0 0 12px;font-size:.9rem;color:var(--color-text-primary);font-weight:600}.path-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.path-points-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-background-white);border-radius:4px;font-size:.85rem;color:var(--color-text-secondary)}.delete-point-btn{background:transparent;border:none;color:var(--color-error);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 6px;transition:all var(--transition-fast);border-radius:4px}.delete-point-btn:hover{background:var(--color-error);color:var(--color-background-white)}.path-hint{margin:12px 0;color:var(--color-text-secondary);font-size:.9rem;font-style:italic;text-align:center}.path-instructions{background:#e3f2fd;border-left:4px solid var(--color-primary);padding:14px 18px;margin:16px 0;border-radius:4px;font-size:.9rem;color:var(--color-text-primary);line-height:1.5}.selected-location{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--color-surface-lighter);border:1px solid var(--color-border);border-radius:6px;margin-bottom:16px}.selected-location-info{flex:1;font-size:.9rem;color:var(--color-text-secondary)}.selected-location-info strong{color:var(--color-text-primary);font-weight:600}.clear-location-btn{padding:6px 12px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-dark);border-radius:4px;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.clear-location-btn:hover{background:var(--color-error);color:var(--color-background-white);border-color:var(--color-error)}.confirm-location-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-border-dark)}@media(max-width:768px){.path-controls{flex-direction:column;align-items:stretch}.path-control-btn{width:100%}.point-count-badge{font-size:.8rem;padding:4px 12px}.path-info{max-height:150px}.path-points-list li{font-size:.8rem;padding:6px 10px}.selected-location{flex-direction:column;align-items:stretch}.clear-location-btn{width:100%}}.file-upload-container{margin-bottom:var(--spacing-md)}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-background-white)}.file-upload-zone:hover:not(.disabled),.file-upload-zone.drag-active{border-color:var(--color-primary);background:var(--color-surface-light)}.file-upload-zone.has-file{border-style:solid;background:var(--color-surface-lighter)}.file-upload-zone.disabled{opacity:.6;cursor:not-allowed}.file-upload-zone:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.file-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.file-upload-icon{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.file-upload-text{margin:0;color:var(--color-text-primary);font-size:var(--font-size-base)}.file-upload-text strong{color:var(--color-primary)}.file-upload-hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-preview{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-white);border-radius:var(--radius-md)}.file-icon{flex-shrink:0;color:var(--color-primary)}.file-info{flex:1;text-align:left}.file-name{margin:0 0 4px;font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base);word-break:break-word}.file-size{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-remove-btn{flex-shrink:0;background:transparent;border:1px solid var(--color-border-dark);color:var(--color-text-primary);border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:24px;line-height:1;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.file-remove-btn:hover:not(:disabled){background:var(--color-error);color:var(--color-background-white);border-color:var(--color-error)}.file-remove-btn:disabled{opacity:.5;cursor:not-allowed}.file-upload-error{margin:var(--spacing-sm) 0 0 0;color:var(--color-error);font-size:var(--font-size-sm);text-align:left}.multi-image-upload-container{margin-bottom:var(--spacing-md)}.image-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.image-upload-thumbnail{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background:var(--color-surface-light)}.image-upload-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.image-thumbnail-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:var(--spacing-sm);color:#fff}.image-thumbnail-name{margin:0;font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-thumbnail-size{margin:2px 0 0;font-size:10px;opacity:.9}.image-remove-btn{position:absolute;top:4px;right:4px;background:var(--color-error);color:var(--color-background-white);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:20px;line-height:1;transition:all var(--transition-fast);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center}.image-remove-btn:hover:not(:disabled){background:#dc2626;transform:scale(1.1)}.image-remove-btn:disabled{opacity:.5;cursor:not-allowed}.image-upload-add-more{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);cursor:pointer;transition:all var(--transition-base);background:var(--color-background-white);color:var(--color-text-secondary)}.image-upload-add-more:hover:not(.disabled),.image-upload-add-more.drag-active{border-color:var(--color-primary);background:var(--color-surface-light);color:var(--color-primary)}.image-upload-add-more.disabled{opacity:.5;cursor:not-allowed}.image-upload-add-more:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.image-upload-add-more p{margin:0;font-size:var(--font-size-sm);font-weight:600}.image-count-text{margin:var(--spacing-sm) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.upload-progress-overlay{position:fixed;inset:0;background:#000000b3;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-in}.upload-progress-content{background:var(--color-background-white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);text-align:center;min-width:300px;max-width:90vw;box-shadow:var(--shadow-xl)}.upload-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.upload-file-list{margin:var(--spacing-md) 0;max-height:150px;overflow-y:auto}.upload-file-name{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-message{margin:var(--spacing-md) 0 0 0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.upload-error-icon{margin:0 auto;color:var(--color-error)}.upload-error-message{margin:var(--spacing-md) 0 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}@media(max-width:768px){.image-upload-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.file-upload-zone{padding:var(--spacing-lg)}.upload-progress-content{padding:var(--spacing-xl);min-width:280px}}.temporal-navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl);margin:var(--spacing-2xl) 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;border:1px solid #dee2e6;box-shadow:0 4px 12px #00000014}.temporal-nav-arrow{background:#fff;border:2px solid #dee2e6;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:28px;color:#495057;box-shadow:0 2px 6px #00000014}.temporal-nav-arrow:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #008cba4d}.temporal-nav-arrow:disabled{opacity:.25;cursor:not-allowed;background:#f8f9fa;border-color:#e9ecef;box-shadow:none}.decade-pills{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center}.decade-pill{padding:12px 24px;border-radius:24px;border:3px solid transparent;font-weight:600;font-size:15px;cursor:pointer;transition:all .25s ease;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.decade-pill:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 100%);opacity:0;transition:opacity .25s ease}.decade-pill:hover:not(:disabled):before{opacity:1}.decade-pill:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #00000040}.decade-pill.active{border-color:#fffc;box-shadow:0 6px 20px #0000004d,0 0 0 4px #fff3;transform:scale(1.08)}.decade-pill:disabled{opacity:.35;cursor:not-allowed;background:#adb5bd!important;color:#6c757d;text-shadow:none;box-shadow:0 1px 3px #0000001a}.decade-pill[data-decade="1970"]{background:linear-gradient(135deg,#c422ff,#a01dd6)}.decade-pill[data-decade="1990"]{background:linear-gradient(135deg,#2cf,#09c)}.decade-pill[data-decade="2010"]{background:linear-gradient(135deg,#85d134,#6ab02a)}.decade-pill[data-decade="2020"]{background:linear-gradient(135deg,#f7314b,#d4263d)}@media(max-width:600px){.temporal-navigation{flex-direction:column;gap:var(--spacing-md)}.decade-pills{order:-1}}.under-construction-banner{background:linear-gradient(135deg,#fff3cd,#fff9e6);border:2px solid #ffc107;border-left:6px solid #ff9800;border-radius:var(--radius-md);margin:var(--spacing-xl) auto;max-width:1200px;padding:var(--spacing-lg) var(--spacing-xl);box-shadow:0 2px 8px #ff98001a}.under-construction-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md)}.under-construction-icon{color:#ff9800;flex-shrink:0}.under-construction-text{color:#856404;font-weight:500;font-size:var(--font-size-md);line-height:1.5}@media(max-width:600px){.under-construction-banner{margin:var(--spacing-lg) var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.under-construction-text{font-size:var(--font-size-sm)}}.decade-legend-button{position:fixed;bottom:var(--spacing-xl);left:var(--spacing-xl);z-index:100;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--radius-round);box-shadow:var(--shadow-lg);cursor:pointer;font-weight:500;color:var(--color-text-primary);transition:var(--transition-fast)}.decade-legend-button:hover{background:var(--color-surface-light);border-color:var(--color-primary);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.decade-legend-button svg{color:var(--color-primary);flex-shrink:0}.decade-legend-button-text{font-size:var(--font-size-md)}.decade-legend-overlay{position:fixed;inset:0;background:transparent;z-index:10000}.decade-legend-modal{position:fixed;bottom:calc(var(--spacing-xl) + 60px);left:var(--spacing-xl);background:var(--color-background-white);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;max-width:400px;width:auto;max-height:calc(100vh - 200px);overflow-y:auto;animation:slideUpFade .2s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.decade-legend-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.decade-legend-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.decade-legend-close{background:transparent;border:none;font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:var(--transition-fast);border-radius:var(--radius-md)}.decade-legend-close:hover{background:var(--color-surface-light);color:var(--color-text-primary)}.decade-legend-content{padding:var(--spacing-lg)}.decade-legend-description{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.decade-legend-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.decade-legend-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast)}.decade-legend-item:hover{background:var(--color-surface-lighter)}.decade-legend-marker{width:28px;height:28px;border-radius:50%;border:2px solid;box-shadow:0 2px 6px #00000026;flex-shrink:0}.decade-legend-label{font-size:var(--font-size-md);font-weight:500;color:var(--color-text-primary)}@media(max-width:600px){.decade-legend-button{bottom:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.decade-legend-button-text{display:none}.decade-legend-modal{bottom:calc(var(--spacing-md) + 50px);left:var(--spacing-md);right:var(--spacing-md);max-width:none}.decade-legend-header{padding:var(--spacing-sm) var(--spacing-md)}.decade-legend-content{padding:var(--spacing-md)}}