.public-map-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s}.public-map-page.loading{justify-content:center;align-items:center;display:flex}.loading-spinner{color:var(--brand-primary);font-size:1.2rem;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.error-container{background:var(--bg-secondary);border:1px solid var(--border-primary);text-align:center;border-radius:12px;max-width:600px;margin:4rem auto;padding:2rem}.error-container h1{color:var(--text-primary);font-size:1.5rem;font-family:var(--font-heading,"Inter",sans-serif);margin:0 0 1rem}.error-container p{color:var(--text-secondary);margin:.5rem 0}.map-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;transition:background-color .3s,border-color .3s;display:flex}.header-right{align-items:center;gap:1rem;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-corners{flex-shrink:0;align-items:center;width:24px;height:24px;display:flex}.logo-corners svg{width:100%;height:100%;display:block}.brace{fill:var(--text-primary);transition:fill .2s}.brand-text{align-items:baseline;font-size:20px;font-weight:700;line-height:1;display:flex}.brand-transparent{color:var(--text-primary)}.brand-city{color:var(--brand-primary)}.share-button-header{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.share-button-header:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.share-button-header svg{width:18px;height:18px}.map-article{max-width:1200px;margin:0 auto;padding:0 2rem 2rem}.map-info{margin-bottom:1.5rem}.map-city-line{font-family:var(--font-heading,"Inter",sans-serif);margin:0 0 .5rem;line-height:1.3}.map-city-name{color:var(--brand-primary);font-size:1.375rem;font-weight:700}.map-city-state{color:var(--text-secondary);font-size:1.125rem;font-weight:600}.map-title{font-size:2rem;font-weight:700;font-family:var(--font-heading,"Inter",sans-serif);color:var(--text-primary);margin:0 0 .5rem;line-height:1.2}.map-description{color:var(--text-secondary);margin:0 0 .75rem;font-size:1rem;line-height:1.6}.map-meta{color:var(--text-tertiary);font-size:.875rem}.map-meta span{display:inline}.map-container-wrapper{position:relative}.embedded-map-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.map-container{border:1px solid var(--border-primary);background:var(--bg-secondary);border-radius:16px;width:100%;height:600px;overflow:hidden}.map-bottom-panel{z-index:11;background:var(--bg-secondary);border-top:1px solid var(--border-primary);border-left:1px solid var(--border-primary);border-right:1px solid var(--border-primary);box-shadow:var(--shadow-lg);border-bottom-right-radius:16px;border-bottom-left-radius:16px;position:absolute;bottom:0;left:0;right:0}.map-bottom-panel-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.map-bottom-panel-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;overflow:hidden}.map-bottom-panel-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.map-bottom-panel-action{appearance:none;background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 10px;font-size:.85rem;font-weight:800;line-height:1}.map-bottom-panel-action:hover{background:var(--brand-primary-hover)}.map-bottom-panel-action.secondary{color:var(--text-primary);border:1px solid var(--border-primary);background:0 0}.map-bottom-panel-action.secondary:hover{border-color:var(--brand-primary)}.map-bottom-panel-close{appearance:none;border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;width:34px;height:34px;font-weight:900}.map-bottom-panel-close:hover{color:var(--text-primary);border-color:var(--brand-primary)}.map-bottom-panel-body{max-height:170px;padding:10px 12px 12px;overflow:auto}.map-bottom-panel-count .label{color:var(--text-tertiary);margin-bottom:2px;font-size:.8rem;font-weight:800}.map-bottom-panel-count .value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:900;line-height:1.1}.map-legend{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);z-index:10;background:#ffffffb8;border-radius:12px;max-width:280px;padding:10px 12px;position:absolute;top:16px;left:16px;box-shadow:0 2px 8px #00000014}[data-theme=dark] .map-legend,.dark .map-legend{background:#1e1e1eb8}.map-legend-title{color:var(--text-primary);margin-bottom:8px;font-size:.8rem;font-weight:700}.map-legend-items{grid-template-columns:1fr;gap:6px;max-height:180px;padding-right:4px;display:grid;overflow:auto}.map-legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.85rem;display:flex}.map-legend-swatch{border:1px solid var(--border-primary);border-radius:3px;flex-shrink:0;width:12px;height:12px}.map-legend-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multi-layer-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary,#0000001a);z-index:1000;pointer-events:auto;background:#ffffff80;border-radius:8px;width:280px;max-width:85vw;padding:10px 12px;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}[data-theme=dark] .multi-layer-panel,.dark .multi-layer-panel{border-color:var(--border-primary,#ffffff1a);background:#1e1e1e80}.multi-layer-panel-title{color:var(--text-primary);margin-bottom:8px;font-size:.85rem;font-weight:700}.multi-layer-panel-item{cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;padding:6px 0;font-size:.9rem;display:flex}.multi-layer-panel-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary,#2563eb);cursor:pointer}.multi-layer-panel-item .multi-layer-panel-swatch{border:1px solid #0003;border-radius:50%;flex-shrink:0;width:14px;height:14px}[data-theme=dark] .multi-layer-panel-item .multi-layer-panel-swatch,.dark .multi-layer-panel-item .multi-layer-panel-swatch{border-color:#ffffff40}.multi-layer-panel-item span:last-child{flex:1}.map-overlay-button{z-index:10;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;box-shadow:var(--shadow-lg);border-radius:10px;padding:8px 10px;font-size:.85rem;font-weight:700;position:absolute;top:16px;right:16px}.map-overlay-button:hover{border-color:var(--brand-primary)}.mapboxgl-popup-content{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-primary)!important;box-shadow:var(--shadow-lg)!important;border-radius:8px!important;max-width:300px!important;padding:12px!important}.mapboxgl-popup-tip{border-top-color:var(--bg-secondary)!important}.mapboxgl-popup-close-button{color:var(--text-secondary)!important;padding:4px 8px!important;font-size:18px!important}.mapboxgl-popup-close-button:hover{color:var(--text-primary)!important;background:0 0!important}.map-popup p{margin:.25rem 0;font-size:.875rem;line-height:1.4}.map-popup p strong{color:var(--brand-primary);font-weight:600}.map-popup-action{appearance:none;background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 10px;font-size:.85rem;font-weight:700}.map-popup-action:hover{background:var(--brand-primary-hover)}.map-footer{max-width:1280px;margin-top:2rem;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.share-sheet{background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-sheet-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-top-left-radius:20px;border-top-right-radius:20px;width:100%;max-width:500px;max-height:80vh;padding:1.5rem;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.share-sheet-content h4{font-size:1.125rem;font-family:var(--font-heading,"Inter",sans-serif);color:var(--text-primary);text-align:center;margin:0 0 1.5rem}.share-options{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.share-option{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;transition:all .2s;display:flex}.share-option:hover{background:var(--bg-secondary);border-color:var(--brand-primary);transform:translateY(-2px)}.share-option svg{width:24px;height:24px;color:var(--brand-primary)}.share-option span{font-weight:500}.share-sheet-close{background:var(--bg-tertiary);border:1px solid var(--border-primary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.share-sheet-close:hover{background:var(--bg-secondary)}.cta-section{background:linear-gradient(135deg,var(--bright-purple,#ad35fa)0%,var(--brand-primary-hover,#8b2cc7)50%,#ad35fad9 100%);border-radius:var(--radius-lg,14px);text-align:center;padding:2rem 24px}.cta-section h3{font-size:1.5rem;font-family:var(--font-heading,"Inter",sans-serif);color:#fff;margin:0 0 .5rem}.cta-section p{color:#ffffffeb;font-size:1rem;font-family:var(--font-body,"IBM Plex Sans",sans-serif);margin:0 0 1.5rem}.cta-button{color:var(--bright-purple,#ad35fa);font-size:1rem;font-weight:700;font-family:var(--font-heading,"Inter",sans-serif);cursor:pointer;background:#fff;border:none;border-radius:8px;padding:.875rem 2rem;text-decoration:none;transition:all .2s;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0003}.public-map-page.embedded{background:var(--bg-primary);flex-direction:column;height:100vh;min-height:auto;max-height:100vh;display:flex;overflow:hidden}.public-map-page.embedded .error-container{margin:1rem;padding:1rem}.public-map-page.embedded .embedded-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;height:36px;padding:.5rem .75rem;display:flex}.embedded-brand{color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.logo-corners-small{flex-shrink:0;align-items:center;width:18px;height:18px;display:flex}.logo-corners-small svg{width:100%;height:100%;display:block}.brand-text-small{align-items:baseline;font-size:14px;font-weight:700;line-height:1;display:flex}.brand-text-small .brand-transparent{color:var(--text-primary)}.brand-text-small .brand-city{color:var(--brand-primary)}.embedded-meta{color:var(--text-secondary);align-items:center;gap:1rem;font-size:.75rem;display:flex}.embedded-link{color:var(--brand-primary);font-weight:500;text-decoration:none;transition:color .2s}.embedded-link:hover{color:var(--brand-primary-hover)}.embedded-map{border:none;border-radius:0;flex:1;min-height:0}.public-map-page.embedded .map-container.embedded-map{flex:1;height:100%;min-height:0}.public-map-page.embedded .embedded-map .mapboxgl-map,.public-map-page.embedded .embedded-map canvas.mapboxgl-canvas{width:100%!important;height:100%!important}@media (max-width:768px){.map-header{text-align:center;flex-direction:column;padding:1rem}.brand-text{font-size:18px}.logo-corners{width:20px;height:20px}.map-article{padding:0 1rem 1rem}.map-title{font-size:1.5rem}.map-container{border-radius:12px;height:400px}.share-buttons{flex-direction:column}.share-button{text-align:center;width:100%}.cta-section{padding:1.5rem 16px}.cta-section h3{font-size:1.25rem}.map-footer{padding-left:16px;padding-right:16px}}