@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-base:#f5f2ed;--bg-surface:#fff;--bg-elevated:#fafaf7;--bg-muted:#ece9e2;--bg-accent-subtle:#e6f7f7;--text-primary:#1a1a2e;--text-secondary:#5a5a72;--text-tertiary:#8e8ea0;--text-on-accent:#fff;--text-title:#000000de;--border-default:#e2dfd8;--border-subtle:#eceae4;--border-strong:#ccc8bf;--border-accent:#0099994d;--heat:#ea8814;--heat-light:#fef0dc;--flash:#3486aa;--flash-light:#d6e8f4;--riverine:#4a7182;--riverine-light:#d4e3ec;--coastal:#7cd2cd;--coastal-light:#e0f6f5;--wind:#4a7182;--wind-light:#e4ecf0;--drought:#eaae14;--drought-light:#fef7dc;--accent-primary:#099;--accent-primary-light:#ccefef;--accent-success:#099;--accent-success-light:#ccf2f2;--accent-danger:#810000;--accent-danger-light:#f5e0e0;--accent-warning:#f4a71e;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 30px #00000024;--shadow-xl:0 20px 60px #00000029;--radius-sm:10px;--radius-md:10px;--radius-lg:10px;--radius-xl:10px;--font-sans:"Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Open Sans", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:var(--space-md) var(--space-xl);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header__brand{align-items:center;gap:var(--space-md);display:flex}.app-header__logo{width:56px;height:58px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.app-header__title{font-family:var(--font-sans);color:var(--text-title);text-transform:capitalize;font-size:16px;font-weight:600}.app-header__subtitle{color:var(--text-tertiary);font-size:.75rem;font-weight:400}.app-header__controls{align-items:center;gap:var(--space-sm);display:flex}.pill-toggle{background:var(--bg-muted);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.pill-toggle__btn{color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:500;transition:all .2s}.pill-toggle__btn--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.pill-toggle__btn:hover:not(.pill-toggle__btn--active){color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:box-shadow .2s;overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card__label,.card__title{text-transform:capitalize;color:var(--text-title);font-size:16px;font-weight:600}.card__body{padding:var(--space-lg)}.metric{flex-direction:column;gap:2px;display:flex}.metric__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-size:.7rem;font-weight:500}.metric__value{font-family:var(--font-sans);color:var(--text-primary);font-size:1.8rem;font-weight:600;line-height:1.1}.metric__value--danger{color:var(--accent-danger)}.metric__value--success{color:var(--accent-success)}.metric__value--accent{color:var(--accent-primary)}.metric__delta{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.metric__delta--up{background:var(--accent-danger-light);color:var(--accent-danger)}.metric__delta--down{background:var(--accent-success-light);color:var(--accent-success)}.dashboard{grid-template-rows:1fr;grid-template-columns:380px 1fr 440px;gap:0;height:calc(100vh - 90px);display:grid}.sidebar-left{background:var(--bg-surface);border-right:1px solid var(--border-default);min-height:0;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;padding-right:0;display:flex;overflow-y:auto}.sidebar-left>*{margin-right:var(--space-lg);flex-shrink:0}.main-content{min-height:0;position:relative;overflow:hidden}.sidebar-right{background:var(--bg-surface);border-left:1px solid var(--border-default);min-height:0;padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;padding-right:0;display:flex;overflow-y:auto}.sidebar-right>*{margin-right:var(--space-lg);flex-shrink:0}.map-overlay{z-index:1000;pointer-events:none;position:absolute}.map-overlay>*{pointer-events:auto}.map-overlay--top-left{top:var(--space-lg);left:var(--space-lg)}.map-overlay--top-right{top:var(--space-lg);right:var(--space-lg)}.map-overlay--bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.map-overlay--bottom-right{bottom:var(--space-lg);right:var(--space-lg)}.map-legend{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);background:#ffffffeb;min-width:180px}.map-legend__title{text-transform:capitalize;color:var(--text-title);margin-bottom:var(--space-sm);font-size:16px;font-weight:600}.map-legend__scale{flex-direction:column;gap:3px;display:flex}.map-legend__item{align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.72rem;display:flex}.map-legend__swatch{border-radius:2px;flex-shrink:0;width:18px;height:12px}.map-context-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);box-shadow:var(--shadow-lg);align-items:center;gap:var(--space-sm);background:#ffffffeb;display:flex}.map-context-chip__dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.map-context-chip__text{color:var(--text-primary);font-size:.85rem;font-weight:600}.select-wrapper{position:relative}.select-wrapper label{text-transform:capitalize;color:var(--text-title);margin-bottom:var(--space-xs);font-size:16px;font-weight:600;display:block}.select-wrapper select{background:var(--bg-elevated);width:100%;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-sans);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238e8ea0' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 12px;font-size:.85rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.select-wrapper select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.info-banner{background:linear-gradient(135deg, var(--bg-accent-subtle) 0%, var(--bg-elevated) 100%);border:1px solid var(--border-accent);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-md)}.info-banner__icon{background:var(--accent-primary);border-radius:var(--radius-sm);color:#fff;width:36px;height:36px;margin-bottom:var(--space-sm);justify-content:center;align-items:center;font-size:18px;display:flex}.info-banner__title{text-transform:capitalize;color:var(--text-title);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.info-banner__text{color:var(--text-secondary);font-size:.78rem;line-height:1.6}.hazard-chip{letter-spacing:.02em;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.hazard-chip--heat{background:var(--heat-light);color:var(--heat)}.hazard-chip--flash{background:var(--flash-light);color:var(--flash)}.hazard-chip--riverine{background:var(--riverine-light);color:var(--riverine)}.hazard-chip--coastal{background:var(--coastal-light);color:var(--coastal)}.hazard-chip--wind{background:var(--wind-light);color:var(--wind)}.hazard-chip--drought{background:var(--drought-light);color:var(--drought)}.insight-callout{border-left:3px solid var(--accent-primary);padding:var(--space-md);background:var(--bg-accent-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.insight-callout__label{text-transform:capitalize;color:var(--text-title);margin-bottom:var(--space-xs);font-size:16px;font-weight:600}.insight-callout__text{color:var(--text-secondary);font-size:.8rem;line-height:1.55}.bench-table{border-collapse:collapse;width:100%}.bench-table th{text-transform:capitalize;color:var(--text-title);text-align:left;padding:var(--space-sm) var(--space-sm);border-bottom:2px solid var(--border-default);font-size:16px;font-weight:600}.bench-table td{padding:var(--space-sm) var(--space-sm);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:.8rem}.bench-table tr:hover td{background:var(--bg-elevated)}.bench-table__highlight td{background:#00999914;font-weight:600}.leaflet-container{background-color:var(--bg-muted)!important;font-family:var(--font-sans)!important}.leaflet-interactive:focus{outline:none}.leaflet-control-zoom a{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important;border-radius:var(--radius-sm)!important}.leaflet-control-zoom a:hover{background-color:var(--bg-elevated)!important}.leaflet-popup-content-wrapper{border:1px solid var(--border-default);background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.leaflet-popup-tip{background-color:var(--bg-surface)!important}.methodology-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.methodology-modal{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);width:90%;max-width:768px;max-height:80vh;box-shadow:var(--shadow-xl);animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.methodology-modal h2{font-family:var(--font-sans);text-transform:capitalize;color:var(--text-title);margin-bottom:var(--space-md);font-size:24px;font-weight:700}.methodology-modal h3{text-transform:capitalize;color:var(--text-title);margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:16px;font-weight:600}.methodology-modal p{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.85rem;line-height:1.7}.methodology-modal .hazard-list{gap:var(--space-sm);margin:var(--space-md) 0;flex-wrap:wrap;display:flex}.tabs{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-md);gap:0;display:flex}.tab-btn{padding:var(--space-sm) var(--space-md);color:var(--text-tertiary);text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-size:1rem;font-weight:400;transition:all .15s}.tab-btn--active{color:var(--text-title);border-bottom-color:var(--text-title);font-weight:700}.tab-btn:hover:not(.tab-btn--active){color:var(--text-primary)}.section-divider{align-items:center;gap:var(--space-sm);margin:var(--space-sm) 0;display:flex}.section-divider__line{background:var(--border-subtle);flex:1;height:1px}.section-divider__text{text-transform:capitalize;color:var(--text-title);white-space:nowrap;font-size:16px;font-weight:600}.loading-shimmer{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--bg-elevated) 50%, var(--bg-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.global-snapshot-card *{font-family:var(--font-sans)!important}.locked-section{border-radius:var(--radius-md);min-height:320px;position:relative;overflow:hidden}.locked-section__content{filter:blur(5px);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;padding-bottom:var(--space-lg)}.locked-section__overlay{z-index:10;-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffffb8;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:2rem;display:flex;position:absolute;inset:0}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border-subtle)!important}.recharts-text{fill:var(--text-tertiary)!important;font-family:var(--font-sans)!important;font-size:10px!important}