*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4}.govuk-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.navbar{height:48px;background:#f9f6f3;border-bottom:1px solid #e8e0d8;z-index:1001;display:flex;align-items:center;padding:0 16px;flex-shrink:0}.navbar-container{max-width:1200px;width:100%;height:100%;margin:0 auto;display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:inherit;gap:6px;font-size:1rem}.navbar-logo .brand-icon{height:28px;width:auto}.navbar-logo .brand-name{font-weight:700;color:#4a5568}.navbar-logo .brand-app{font-weight:500;color:#333}.main-content{flex:1;position:relative;display:flex;overflow:hidden}.map-container{flex:1;position:relative}#map{width:100%;height:100%;will-change:transform;contain:strict}.loading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 2px 12px #0003;z-index:2000;font-size:16px;color:#666}.footer{height:36px;background:#f9f6f3;border-top:1px solid #e8e0d8;z-index:1001;display:flex;align-items:center;padding:0 16px;flex-shrink:0}.footer-container{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:.75rem;color:#666}.footer-brand a{color:#4a5568;text-decoration:none;font-weight:500}.footer-brand a:hover{text-decoration:underline}.footer-links{display:flex;align-items:center;gap:8px}.footer-link{font-size:.75rem;color:#666;text-decoration:none}.footer-link:hover{color:#4a5568;text-decoration:underline}.footer-divider{font-size:.75rem;color:#ccc}.sidebar{width:360px;background:#fff;box-shadow:-2px 0 12px #00000026;z-index:1000;display:flex;flex-direction:row;overflow:hidden;flex-shrink:0}.sidebar-tabs{width:56px;display:flex;flex-direction:column;background:#f5f5f5;border-right:1px solid #e0e0e0;flex-shrink:0}.sidebar-tab{width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:none;background:transparent;color:#666;transition:all .2s;position:relative}.sidebar-tab svg{width:22px;height:22px}.sidebar-tab span{font-size:9px;font-weight:500}.sidebar-tab:hover{background:#eaeaea;color:#333}.sidebar-tab.active{background:#fff;color:#4a5568}.sidebar-tab.active:after{content:"";position:absolute;right:0;top:8px;bottom:8px;width:3px;background:#4a5568;border-radius:2px 0 0 2px}.sidebar-tab.tracking{color:#3b82f6!important;animation:pulse-tracking 2s infinite}@keyframes pulse-tracking{0%,to{opacity:1}50%{opacity:.6}}.sidebar-tab-spacer{flex:1}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.tab-panel{display:none;padding:16px}.tab-panel.active{display:block}.tab-panel-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.search-input-row{display:flex;align-items:center;gap:8px}.search-input-row input{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;outline:none;font-family:inherit}.search-input-row input:focus{border-color:#4a5568;box-shadow:0 0 0 2px #4a55681a}.search-results{max-height:450px;overflow-y:auto;margin-top:8px}.search-result-item{display:block;width:100%;text-align:left;padding:10px 12px;cursor:pointer;border:none;border-bottom:1px solid #f0f0f0;transition:background-color .15s;background:transparent;font-family:inherit;font-size:14px}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.active{background-color:#f5f5f5}.result-name{font-weight:500;color:#333;display:block}.result-details{font-size:12px;color:#888;margin-top:2px;display:block}.search-loading,.search-no-results{padding:12px;text-align:center;color:#666;font-size:13px}.explore-guide{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;padding:12px;margin-bottom:12px}.explore-guide p{margin:0 0 6px;font-size:13px;color:#1e3a5f;line-height:1.4}.explore-guide p:last-child{margin-bottom:0}.location-info{padding:0 0 12px;border-bottom:1px solid #e0e0e0;margin-bottom:12px}.location-postcode{font-size:18px;font-weight:600;color:#333}.location-loading{text-align:center;color:#888;font-size:12px;padding:8px}.risk-alert{padding:12px;border-radius:10px;margin-bottom:8px;background:linear-gradient(135deg,#fff5f5,#fed7d7);color:#c53030}.risk-alert-header{font-size:13px;font-weight:600;margin-bottom:8px}.risk-layer-list{display:flex;flex-direction:column;gap:4px}.risk-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff40;border-radius:6px;font-size:12px}.risk-layer-info,.safe-layer-info{width:20px;height:20px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;font-size:14px;flex-shrink:0}.risk-layer-info{background:#ffffff4d;color:inherit}.risk-layer-info:hover{background:#ffffff80}.safe-alert{padding:12px;border-radius:10px;background:#f0f0f0;color:#555}.safe-alert-header{font-size:13px;font-weight:600;margin-bottom:8px}.safe-layer-list{display:flex;flex-direction:column;gap:4px}.safe-layer-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffffb3;border-radius:6px;font-size:12px}.safe-layer-info{background:#00000014;color:inherit}.safe-layer-info:hover{background:#00000026}.legend-section{padding:12px 0 0}.legend-basemap{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#666;padding-top:10px;border-top:1px solid #e0e0e0}.legend-basemap i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}.about-intro{font-size:14px;color:#555;line-height:1.5;margin-bottom:16px}.about-section-title{font-size:13px;font-weight:600;color:#333;margin:0 0 12px}.about-list{margin:0 0 16px;padding-left:20px;font-size:13px;color:#555;line-height:1.8}.about-credits{background:#f8f9fa;padding:12px;border-radius:8px}.about-credits p{margin:0;font-size:12px;color:#555;line-height:1.6}.about-credits p:first-child{margin-bottom:4px}.about-links{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0;text-align:center}.about-link{font-size:13px;color:#4a5568;text-decoration:none}.about-link:hover{text-decoration:underline}.about-link-divider{margin:0 8px;color:#ccc}.layer-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.layer-modal{background:#fff;border-radius:12px;max-width:420px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003}.layer-modal-content{padding:24px}.layer-modal-title{margin:0 0 16px;font-size:1.25rem;font-weight:600;color:#1a202c}.layer-modal-description{font-size:14px;line-height:1.6;color:#4a5568;margin:0 0 16px}.layer-modal-importance{background:#f0f9ff;border-left:3px solid #3b82f6;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:16px}.layer-modal-importance strong{display:block;font-size:12px;font-weight:600;color:#1e40af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.layer-modal-importance p{margin:0;font-size:13px;line-height:1.5;color:#1e3a5f}.layer-modal-threshold{background:#fef3c7;border-left:3px solid #f59e0b;padding:12px 16px;border-radius:0 8px 8px 0;margin-bottom:16px}.layer-modal-threshold strong{display:block;font-size:12px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.layer-modal-threshold p{margin:0;font-size:14px;color:#78350f}.layer-modal-thresholds{margin-bottom:20px}.layer-modal-thresholds-title{display:block;font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;margin-bottom:8px}.threshold-item{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}.threshold-badge{padding:2px 8px;border-radius:4px;font-weight:600;min-width:70px;text-align:center;font-size:12px}.threshold-range{color:#666}.layer-modal-close{width:100%;padding:12px;background:#4a5568;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.layer-modal-close:hover{background:#2d3748}.welcome-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.welcome-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:100%}.welcome-modal h2{margin:0 0 12px;font-size:20px;color:#1a202c}.welcome-modal p{margin:0 0 16px;font-size:14px;color:#555;line-height:1.6}.welcome-modal .welcome-hint{font-size:13px;color:#888}.welcome-start{padding:12px 16px;background:#4a5568;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;width:100%;font-weight:500;transition:background .2s}.welcome-start:hover{background:#2d3748}.maplibregl-ctrl-scale{font-family:inherit!important;font-size:11px!important;border-color:#333!important;background:#fffc!important}.mobile-bottom-bar,.mobile-panel{display:none}@media(max-width:768px){.navbar{height:44px;padding:0 12px}.navbar-logo{font-size:.9rem}.sidebar{display:none!important}.footer{display:none}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #0000001a;z-index:1000;justify-content:space-around;align-items:center;padding:0 8px}.mobile-bar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;padding:8px;cursor:pointer;color:#666;transition:color .2s}.mobile-bar-btn.active{color:#2563eb;background:#2563eb1a;border-radius:8px}.mobile-bar-btn.tracking{color:#3b82f6;background:#3b82f61a;border-radius:8px}.mobile-bar-btn svg{width:24px;height:24px}.mobile-bar-btn span{font-size:.7rem;font-weight:500}.mobile-panel{display:block;position:fixed;left:0;right:0;bottom:-100%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 16px #0003;z-index:999;transition:bottom .3s ease;max-height:60vh;overflow-y:auto}.mobile-panel.open{bottom:60px}.mobile-panel-header{position:sticky;top:0;background:#fff;padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;border-radius:16px 16px 0 0}.mobile-panel-header h3{margin:0;font-size:1rem;color:#4a5568;font-weight:600}.mobile-panel-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.mobile-panel-content{padding:16px 16px 24px}}