:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}:root{font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.45}body{color:#172033;background:#d7ecfa;margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,p{margin-top:0}.app-shell{width:100%;max-width:1180px;margin:0 auto;padding:16px 16px 28px}.hero{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:12px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#4d0856;margin-bottom:8px;font-size:.9rem;font-weight:700}.hero h1{color:#10213a;margin-bottom:6px;font-size:2.35rem;line-height:1.05}.subtitle{color:#02122a;max-width:720px;font-size:1rem;font-weight:700}.hero{background:linear-gradient(135deg,#fbfded,#8abced);border:1px solid #c7d8ef;border-radius:14px;margin-bottom:12px;padding:16px 18px}.card{background:linear-gradient(135deg,#fbfdf4,#bddfeb);border:1px solid #e6edf7;border-radius:14px;min-width:0;padding:14px;box-shadow:0 8px 22px #10213a14}.overview-panel{margin-bottom:12px}.area-selector{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.area-selector h3{color:#19345a;margin-bottom:0;font-size:1rem}.live-status{color:#42546f;font-size:0.rem;margin-bottom:0}.area-controls{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.area-tabs{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.area-tabs button{color:#19345a;cursor:pointer;font:inherit;background:#f6fbff;border:1px solid #bfd3ea;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700}.area-tabs button.active,.area-tabs button:hover{color:#fff;background:#184e9f;border-color:#184e9f}.app-nav{background:#f6fbffd1;border:1px solid #cfe0f2;border-radius:14px;gap:8px;margin-bottom:12px;padding:8px;display:flex;overflow-x:auto}.app-nav button{color:#19345a;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:8px 12px;font-size:.88rem;font-weight:700}.app-nav button.active,.app-nav button:hover{color:#fff;background:#184e9f;border-color:#184e9f}.refresh-button{color:#184e9f;cursor:pointer;font:inherit;background:#fff;border:1px solid #c8d7e8;border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700}.refresh-button:disabled{cursor:wait;opacity:.65}.section-label{text-transform:uppercase;letter-spacing:.06em;color:#184e9f;margin-bottom:6px;font-size:.72rem}.section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.section-header h2{color:#561b9d;margin-bottom:0;font-size:1.55rem}.section-header h3{color:#10213a;margin-bottom:0;font-size:1.12rem}.risk-pill{border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:700}.risk-pill.high{color:#a12a2a;background:#fde8e8}.risk-pill.moderate{color:#9a5d00;background:#fff3d8}.risk-pill.low{color:#156f39;background:#d8f6e1}.overview-summary{color:#354863;max-width:920px;margin-bottom:16px;font-size:.96rem}.resident-overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"concern trust next""why why next";gap:12px;margin-bottom:14px;display:grid}.resident-answer-card{background:linear-gradient(#ffffffc7,#e8f2fcf0);border:1px solid #d5e4f5;border-radius:14px;min-height:132px;padding:14px;box-shadow:inset 0 1px #ffffff6b}.resident-answer-card h3{color:#19345a;margin-bottom:8px;font-size:1rem}.resident-answer-card p{color:#344962;margin-bottom:0;font-size:.87rem;line-height:1.45}.resident-score-note{color:#3f5574;margin-top:10px;font-size:.8rem;line-height:1.4}.resident-score-note strong{color:#19345a;font-weight:700}.resident-answer-list{margin-top:0}.resident-answer-card.concern-card{background:linear-gradient(160deg,#fff,#e9f3ff);grid-area:concern}.resident-answer-card.concern-card h3{font-size:1.6rem;line-height:1.05}.resident-answer-card.trust-card{grid-area:trust}.resident-answer-card.why-card{grid-area:why}.resident-answer-card.next-card{background:linear-gradient(160deg,#fffef8,#e7f3ea);grid-area:next}.why-matters-strip{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.why-matters-strip span{color:#214066;background:#184e9f14;border:1px solid #184e9f2e;border-radius:999px;padding:7px 10px;font-size:.82rem;line-height:1.35}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.reliability-note{color:#31445f;margin:10px 0 0;font-size:.86rem;line-height:1.45}.info-tile{background:#eef3f9;border:1px solid #e0eaf7;border-radius:12px;min-height:82px;padding:12px}.info-tile h3{color:#19345a;margin-bottom:0;font-size:.92rem}.section-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;min-width:0;margin-bottom:12px;display:grid}.architecture-page{grid-template-columns:1fr}.community-page{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}.community-column{flex-direction:column;gap:12px;min-width:0;display:flex}.community-intake-card,.evidence-review-card,.local-signals-card{align-self:stretch}.evidence-review-card-padded{padding-bottom:16px}.frontpage-grid{grid-template:"actions river rainfall"minmax(0,auto)"actions map rainfall"minmax(0,auto)"reports map rainfall"/minmax(280px,.92fr) minmax(0,1.06fr) minmax(0,1.04fr);align-items:stretch;gap:16px;min-width:0;margin-bottom:12px;display:grid}.overview-support-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.1fr);gap:14px;margin-bottom:12px;display:grid}.overview-support-card,.overview-support-card .card{height:100%}.overview-support-card .card{background:linear-gradient(160deg,#fbfdff,#dcecf8)}.overview-support-card .history-grid,.overview-support-card .ml-prototype-card .history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.frontpage-actions{grid-area:actions}.frontpage-river{grid-area:river;justify-content:center;align-items:stretch;display:flex}.frontpage-rainfall{grid-area:rainfall}.frontpage-reports{grid-area:reports}.frontpage-map{grid-area:map}.frontpage-actions,.frontpage-reports,.frontpage-map,.frontpage-rainfall,.frontpage-river{flex-direction:column;min-width:0;display:flex}.frontpage-actions .card,.frontpage-reports .card,.frontpage-map .card,.frontpage-rainfall .card,.frontpage-river .card{height:100%}.frontpage-actions .card,.frontpage-reports .card{flex-direction:column;justify-content:flex-start;display:flex}.frontpage-actions .card{background:linear-gradient(160deg,#fffdf3,#dff0ea);padding:16px}.frontpage-rainfall .card,.frontpage-river .card,.frontpage-map .card{background:linear-gradient(160deg,#fbfdff,#d9ebf7);padding:16px}.frontpage-actions .section-header{margin-bottom:14px}.frontpage-actions .action-list{gap:12px;padding-left:0;list-style:none;display:grid}.frontpage-actions .action-list li,.frontpage-reports .report-card{background:#ffffffb8;border:1px solid #dde8f2e6;border-radius:12px;padding:12px 14px}.frontpage-actions .action-list li{margin-bottom:0}.frontpage-river .river-status-card{width:100%}.frontpage-river .river-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.frontpage-rainfall .signal-chart-card .chart-box{height:270px}.rainfall-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.rainfall-summary-grid .info-tile{background:#ffffffa8}.frontpage-reports{align-self:stretch}.frontpage-reports .card{justify-content:space-between;height:100%}.frontpage-reports .reports-list{flex-direction:column;flex:1;justify-content:space-between;gap:18px;margin-top:0;display:flex}.frontpage-reports .report-description{font-size:.84rem}.frontpage-reports .report-card:last-child{margin-bottom:0}.frontpage-map .map-panel{height:1108px}.frontpage-map .location-card{padding-bottom:101px}.frontpage-reports .local-signals-card{padding-bottom:81px}.factor-list,.action-list{color:#354863;margin:0;padding-left:18px;font-size:.88rem}.factor-list li,.action-list li{margin-bottom:6px}.source-health-list{flex-direction:column;gap:10px;display:flex}.source-health-summary{color:#354863;margin-bottom:12px;font-size:.86rem}.source-health-item{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;padding:10px}.source-health-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.source-health-top h4{color:#10213a;margin-bottom:4px;font-size:.9rem}.source-health-top p,.source-health-meta{color:#4c5f79;margin-bottom:0;font-size:.82rem}.relevance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.relevance-source-list{gap:10px;margin-bottom:12px;display:grid}.relevance-source-row{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.relevance-source-row h4{color:#10213a;margin-bottom:3px;font-size:.9rem}.relevance-source-row p{color:#4c5f79;margin-bottom:0;font-size:.82rem}.relevance-source-row strong{color:#184e9f;font-size:.95rem}.nearest-station-list{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.nearest-station-list .section-label{flex:0 0 100%;margin-bottom:0}.nearest-station-list span{color:#19345a;background:#f6fbffeb;border:1px solid #d9e7f5;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:700}.relevance-note-list{margin-top:0}.source-badge{border-radius:999px;flex:none;padding:5px 8px;font-size:.72rem;font-weight:700}.source-badge.current,.source-badge.pass,.source-badge.live{color:#156f39;background:#d8f6e1}.source-badge.warn{color:#9a5d00;background:#fff3d8}.source-badge.blocked{color:#a12a2a;background:#fde8e8}.source-badge.not_connected,.source-badge.missing{color:#42546f;background:#e8eef7}.source-badge.complete{color:#156f39;background:#d8f6e1}.source-badge.partial{color:#9a5d00;background:#fff3d8}.source-badge.limited{color:#a12a2a;background:#fde8e8}.source-badge.high{color:#156f39;background:#d8f6e1}.source-badge.medium{color:#9a5d00;background:#fff3d8}.source-badge.low{color:#a12a2a;background:#fde8e8}.source-badge.stale{color:#9a5d00;background:#fff3d8}.source-badge.live-gauge{color:#156f39;background:#d8f6e1}.source-badge.current-context{color:#145398;background:#e2f0ff}.source-badge.stale-context{color:#9a5d00;background:#fff3d8}.source-badge.fallback{color:#a12a2a;background:#fde8e8}.source-badge.not-connected,.source-badge.unknown{color:#42546f;background:#e8eef7}.audit-score-row{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.audit-score-row h3{color:#10213a;margin-bottom:0}.audit-note{color:#4c5f79;margin-bottom:0;font-size:.84rem}.audit-component-list{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.audit-component-top{color:#19345a;justify-content:space-between;align-items:center;margin-bottom:5px;font-size:.86rem;display:flex}.audit-bar{background:#e8eef7;border-radius:999px;height:8px;overflow:hidden}.audit-bar span{background:linear-gradient(90deg,#3c8de3,#56a56d);height:100%;display:block}.audit-warning-list{margin-top:0}.reports-list{flex-direction:column;gap:12px;margin-top:10px;margin-bottom:0;display:flex}.report-card{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;padding:18px 12px}.report-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.report-top h4{color:#10213a;margin-bottom:4px;font-size:.94rem}.report-time{color:#73839a;margin-bottom:0;font-size:.82rem}.report-description{color:#42546f;margin-bottom:0;font-size:.88rem}.report-form{flex-direction:column;gap:9px;margin-bottom:12px;display:flex}.community-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.community-summary div{background:#eef3f9;border:1px solid #e0eaf7;border-radius:12px;padding:10px}.community-summary h4{color:#10213a;margin-bottom:0;font-size:.98rem}.report-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.report-form label{color:#19345a;flex-direction:column;gap:5px;font-size:.82rem;font-weight:700;display:flex}.report-form select,.report-form input,.report-form textarea{color:#19345a;font:inherit;background:#fbfdff;border:1px solid #d9e7f5;border-radius:10px;padding:9px 10px}.report-form textarea{resize:vertical;min-height:64px}.report-submit{align-self:flex-start}.report-form-message{color:#42546f;margin-bottom:0;font-size:.84rem}.community-report-list{scrollbar-gutter:stable;flex-direction:column;gap:10px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.community-report-item,.evidence-review-item{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;padding:11px 12px}.community-report-item{min-height:100px}.evidence-review-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.report-quality{color:#19345a;margin:8px 0 0;font-size:.8rem;font-weight:700}.report-evidence{color:#184e9f;margin:8px 0 0;font-size:.82rem;font-weight:700}.review-priority{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700}.review-priority.urgent-review{color:#a12a2a;background:#fde8e8}.review-priority.elevated-review{color:#9a5d00;background:#fff3d8}.review-priority.routine-review{color:#156f39;background:#e2f6e8}.severity{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.75rem;font-weight:700}.severity.high{color:#a12a2a;background:#fde8e8}.severity.moderate{color:#9a5d00;background:#fff3d8}.severity.low{color:#156f39;background:#e2f6e8}.evidence-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px;margin-bottom:6px;display:grid}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px;display:grid}.history-list{font-size:.85rem}.ml-prototype-card{background:linear-gradient(160deg,#f5fbff,#e6f1fb)}.ml-prototype-card .history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.evidence-card{background:#ebf0f9;border:1px solid #e0eaf7;border-radius:12px;padding:12px}.evidence-card h3{color:#10213a;margin-bottom:6px;font-size:1.12rem}.evidence-note{color:#03357c;margin-top:6px;margin-bottom:0;font-size:.84rem}.architecture-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;margin-bottom:14px;display:grid}.architecture-card{padding-bottom:29px}.flow-box{background:#f5f9fce5;border:1px solid #e0eaf7;border-radius:12px;min-height:92px;padding:12px}.flow-box h4,.mini-box h5{color:#10213a;margin-bottom:8px}.flow-box p,.mini-box p{color:#4c5f79;margin-bottom:0;font-size:.86rem}.flow-arrow{color:#2158aa;text-align:center;font-size:1.4rem;font-weight:700}.architecture-footer{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mini-box{background:#fbfdff;border:1px solid #e5ecf6;border-radius:12px;padding:12px}.mini-box.future{background:#f8f5ff;border-color:#e4dafb}@media (width<=1020px){.resident-overview-grid,.overview-grid,.evidence-grid,.relevance-summary-grid{grid-template-columns:repeat(2,1fr)}.overview-support-grid{grid-template-columns:1fr}.frontpage-grid,.section-page{grid-template-columns:1fr;grid-template-areas:"actions""rainfall""river""reports""map"}.architecture-flow{grid-template-columns:1fr}.flow-arrow{display:none}.frontpage-river .river-status-card{width:100%}.frontpage-map .map-panel{height:400px}.frontpage-rainfall .signal-chart-card .chart-box{height:240px}}@media (width<=720px){.hero,.area-selector{flex-direction:column;align-items:flex-start}.resident-overview-grid,.overview-grid,.evidence-grid,.architecture-footer,.community-summary,.rainfall-summary-grid,.relevance-summary-grid,.report-form-grid,.community-page,.frontpage-river .river-grid{grid-template-columns:1fr}.hero h1{font-size:1.95rem}.area-tabs{justify-content:flex-start}.area-controls{align-items:flex-start;width:100%}.app-nav{max-width:calc(100vw - 28px);margin-left:-2px;margin-right:-2px}.frontpage-map .map-panel{height:310px}.frontpage-rainfall .signal-chart-card .chart-box{height:220px}.section-header{flex-direction:column;gap:8px}}.signal-chart-card .chart-box{height:290px}.chart-note{color:#56708f;margin:10px 0 0;font-size:.82rem}.chart-box{width:100%;height:220px}.location-card{padding-bottom:20px}.map-panel{background:radial-gradient(circle at 18% 16%,#ffffffc7,#0000 24%),radial-gradient(circle at 82% 22%,#bad8f599,#0000 22%),linear-gradient(#f4faff,#d9e8f6);border:1px solid #d9e7f5;border-radius:14px;height:210px;margin:2px 0 14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffb8}.map-grid{background-image:linear-gradient(#a8bcd62e 1px,#0000 1px),linear-gradient(90deg,#a8bcd62e 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.map-catchment-glow{background:linear-gradient(#5694d51f,#5694d50d);border:1px solid #4b8cd024;border-radius:28px;position:absolute;inset:14% 10% 18% 16%}.map-river{background:linear-gradient(90deg,#7ab1eb5c,#387ec694);border-radius:999px;width:120%;height:42px;position:absolute;top:44%;left:-10%;transform:rotate(-12deg);box-shadow:0 0 0 9px #78b6f01a}.map-river-label{color:#255b92;letter-spacing:.01em;font-size:.7rem;font-weight:700;position:absolute;top:46%;right:16px}.map-road{background:#78889e6b;border-radius:999px;position:absolute}.road-1{width:70%;height:10px;top:25%;left:10%;transform:rotate(8deg)}.road-2{width:55%;height:10px;top:70%;left:25%;transform:rotate(-18deg)}.road-3{width:48%;height:8px;top:52%;left:2%;transform:rotate(32deg)}.map-label.suburb{color:#19345a;background:#ffffffe6;border-radius:999px;padding:6px 10px;font-size:.85rem;font-weight:600;position:absolute;top:16px;left:16px}.map-label.precinct{color:#0f6dcb;background:#0f6dcb1a;border-radius:999px;padding:5px 10px;font-size:.74rem;font-weight:700;position:absolute;top:52px;left:16px}.map-focus-ring{border:2px dashed #0f6dcb6b;border-radius:30px;position:absolute;inset:18% 18% 22% 22%}.map-pin{color:#fff;border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex;position:absolute;transform:rotate(-45deg);box-shadow:0 4px 10px #00000026}.map-pin:before{content:"";background:#fffffff2;border-radius:50%;width:8px;height:8px;transform:rotate(45deg)}.map-pin.high{background:#d86c6c;box-shadow:0 8px 18px #d86c6c47}.map-pin.moderate{background:#d8a24d;box-shadow:0 8px 18px #d8a24d3d}.map-pin.low{background:#56a56d;box-shadow:0 8px 18px #56a56d3d}.map-event-label,.map-neighbourhood,.map-legend{color:#19345a;background:#ffffffe6;border:1px solid #d6e2f1f2;border-radius:999px;font-size:.74rem;position:absolute}.map-event-label{white-space:nowrap;padding:2px 5px;font-size:.52rem;font-weight:700}.map-event-label.high{color:#9f2d2d}.map-event-label.moderate{color:#8d5a07}.map-event-label.low{color:#1d6c3c}.map-neighbourhood{padding:3px 8px;font-size:.68rem}.map-neighbourhood.north{top:11%;right:9%}.map-neighbourhood.south{bottom:17%;left:10%}.map-legend{align-items:center;gap:6px;padding:6px 9px;font-size:.74rem;font-weight:700;display:flex;bottom:12px;right:12px}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.high{background:#d86c6c}.legend-dot.moderate{background:#d8a24d}.legend-dot.low{background:#56a56d}.map-note{color:#3a78d1;text-align:center;margin-bottom:0;font-size:.82rem}.river-status-card{padding-bottom:36px}.river-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}:root{--font-sans:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-2xs:6px;--space-xs:8px;--space-sm:12px;--space-md:18px;--space-lg:28px;--space-xl:40px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--bg-app:#f4f7fc;--bg-card:#fff;--bg-card-soft:#f8fbff;--bg-elevated:#eef6ff;--text-strong:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--border-color:#cbd5e1cc;--border-subtle:#e2e8f0f2;--brand:#1d4ed8;--brand-deep:#1e3a8a;--brand-soft:#dbeafe;--accent-cyan:#0e7490;--color-high:#dc2626;--color-high-bg:#fef2f2;--color-high-border:#fecaca;--color-mod:#d97706;--color-mod-bg:#fffbeb;--color-mod-border:#fde68a;--color-low:#16a34a;--color-low-bg:#f0fdf4;--color-low-border:#bbf7d0;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a12, 0 1px 2px #0f172a0a;--shadow-md:0 10px 24px #0f172a14;--shadow-focus:0 0 0 4px #1d4ed81f}html{background:var(--bg-app)}body{background:radial-gradient(circle at top left, #dbeafec7, transparent 28rem), linear-gradient(180deg, #f8fbff 0%, var(--bg-app) 45%, #eef4fb 100%);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input,select,textarea{font-family:inherit}.app-shell{gap:var(--space-md);max-width:1440px;padding:var(--space-md) var(--space-lg) var(--space-xl);flex-direction:column;width:100%;display:flex}.hero,.area-selector,.app-nav,.card{margin-bottom:0}.hero{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);background:linear-gradient(135deg,#fffffff5 0%,#eff6fff0 58%,#bfdbfed1 100%);align-items:center}.eyebrow{color:#7e22ce;letter-spacing:.12em;margin-bottom:var(--space-xs);font-size:.72rem}.hero h1{color:var(--text-strong);letter-spacing:-.045em;font-size:clamp(2rem,3vw,3rem)}.subtitle{color:var(--text-body);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.area-selector,.app-nav{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:var(--space-sm);background:#ffffffe6}.area-selector{padding:var(--space-md)}.area-selector h3,.section-header h3,.report-top h4,.source-health-top h4{color:var(--text-strong);letter-spacing:-.015em}.live-status,.report-time,.report-description,.report-form-message,.source-health-meta,.reliability-note,.overview-summary{color:var(--text-muted)}.area-tabs button,.app-nav button,.refresh-button{border-radius:999px;font-size:.84rem;font-weight:800;transition:background .18s,border-color .18s,color .18s,box-shadow .18s}.area-tabs button,.app-nav button{color:var(--text-body);border-color:#0000}.area-tabs button.active,.area-tabs button:hover,.app-nav button.active,.app-nav button:hover{background:var(--brand);border-color:var(--brand);box-shadow:var(--shadow-focus);color:#fff}.refresh-button{border:1px solid var(--border-color);color:var(--brand-deep);background:#fff}.refresh-button:hover:not(:disabled){border-color:var(--brand);box-shadow:var(--shadow-focus)}.dashboard-grid{align-items:start;gap:var(--space-md);grid-template-columns:repeat(12,minmax(0,1fr));width:100%;display:grid}.overview-workspace{margin-bottom:var(--space-md)}.primary-ops-column,.context-sidebar-column{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.primary-ops-column{grid-column:span 8}.context-sidebar-column{grid-column:span 4}.data-subgrid-2col{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.decision-row,.analytics-row{align-items:stretch}.decision-row>*,.analytics-row>*,.context-sidebar-column>*{min-width:0}.card,.card-base{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;padding:var(--space-md);transition:box-shadow .18s,transform .18s,border-color .18s}.card:hover{box-shadow:var(--shadow-md);border-color:#bfdbfed9}.section-label{color:var(--brand);letter-spacing:.095em;margin-bottom:var(--space-2xs);font-size:.68rem;font-weight:850}.section-header{gap:var(--space-md);margin-bottom:var(--space-md)}.section-header.compact{margin-bottom:var(--space-sm)}.section-header h2{color:var(--text-strong);letter-spacing:-.035em;font-size:1.75rem}.section-header h3{font-size:1.05rem}.hero-signal-card{padding:var(--space-lg);position:relative;overflow:hidden}.hero-signal-card:before{content:"";height:5px;position:absolute;inset:0 0 auto}.hero-signal-header{border-bottom:1px solid var(--border-subtle);margin:0 calc(var(--space-lg) * -1) var(--space-md);padding:0 var(--space-lg) var(--space-md);align-items:center}.hero-signal-title{font-weight:850;color:var(--text-strong)!important;font-size:clamp(1.45rem,2.2vw,2.25rem)!important}.risk-pill{box-shadow:var(--shadow-xs);white-space:nowrap;border:1px solid #0000;padding:8px 12px;font-size:.84rem}.risk-pill.high{background:var(--color-high-bg);border-color:var(--color-high-border);color:#991b1b}.risk-pill.moderate{background:var(--color-mod-bg);border-color:var(--color-mod-border);color:#92400e}.risk-pill.low{background:var(--color-low-bg);border-color:var(--color-low-border);color:#166534}.overview-summary{margin-bottom:var(--space-md);max-width:940px;font-size:.98rem;line-height:1.65}.resident-overview-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"concern next""trust next""why why";display:grid}.resident-answer-card{background:var(--bg-card-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:none;min-height:0;padding:var(--space-md)}.resident-answer-card h3{color:var(--text-strong);letter-spacing:-.02em;font-size:1.02rem}.resident-answer-card p,.factor-list,.action-list{color:var(--text-body);line-height:1.58}.resident-answer-card.concern-card{background:#fff}.resident-answer-card.concern-card h3{letter-spacing:-.04em;font-size:1.75rem;font-weight:850}.resident-answer-card.next-card{border-color:#d9f99d;border-left:4px solid var(--color-low);background:linear-gradient(#fff,#f7fee7)}.signal-kpi-grid,.overview-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.info-tile,.community-summary div,.flow-box,.mini-box,.history-grid .info-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);min-height:76px;padding:var(--space-sm);background:#f8fafc}.info-tile h3{color:var(--text-strong);font-size:.98rem;font-weight:850;line-height:1.25}.why-matters-strip{gap:var(--space-xs)}.why-matters-strip span{background:var(--brand-soft);color:var(--brand-deep);border-color:#1d4ed82e}.decision-row .card,.analytics-row .card,.context-sidebar-column .card{height:100%}.decision-row .action-list{gap:var(--space-sm);padding-left:0;list-style:none;display:grid}.decision-row .action-list li{border:1px solid var(--border-subtle);border-left:4px solid var(--brand);border-radius:var(--radius-sm);padding:var(--space-sm);background:#f8fafc;margin-bottom:0}.river-grid,.history-grid,.compact-metric-grid,.rainfall-summary-grid{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rainfall-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-row .chart-box{height:280px}.signal-chart-card .chart-box{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-xs);background:linear-gradient(#fbfdff,#f8fafc);overflow:hidden}.context-sidebar-column .location-card .map-panel{height:280px}.context-sidebar-column .reports-list,.context-sidebar-column .source-health-list{gap:var(--space-sm)}.context-sidebar-column .report-card,.source-health-item,.community-report-item,.evidence-review-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:none;background:#fff}.report-top,.source-health-top,.relevance-source-row,.audit-score-row{padding-bottom:var(--space-xs);border-bottom:1px solid #e2e8f0b8;align-items:flex-start}.source-health-item,.report-card{padding:var(--space-sm)}.source-badge{letter-spacing:.01em;border:1px solid #0000;padding:5px 8px;font-size:.68rem}.source-badge.live,.source-badge.pass,.source-badge.complete,.source-badge.high,.source-badge.live-gauge,.source-badge.current,.source-badge.current-context{background:var(--color-low-bg);border-color:var(--color-low-border);color:#166534}.source-badge.warn,.source-badge.partial,.source-badge.medium,.source-badge.stale,.source-badge.stale-context{background:var(--color-mod-bg);border-color:var(--color-mod-border);color:#92400e}.source-badge.blocked,.source-badge.limited,.source-badge.low,.source-badge.fallback{background:var(--color-high-bg);border-color:var(--color-high-border);color:#991b1b}.source-badge.not-connected,.source-badge.not_connected,.source-badge.missing,.source-badge.unknown{border-color:var(--border-color);color:#475569;background:#f1f5f9}.compact-ml-card .compact-metric-grid{margin-bottom:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.compact-ml-card .info-tile{min-height:66px}.section-page{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.signals-page,.model-page{grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch}.signals-page>div,.model-page>div{min-width:0}.signals-page>div>.card,.model-page>div>.card{width:100%;height:100%}.signals-banner-span{grid-column:1/-1}.signals-source-panel,.signals-warning-panel,.signals-relevance-panel,.signals-audit-panel,.signals-chart-panel,.signals-river-panel,.signals-map-panel{grid-column:span 6;min-width:0;display:flex}.model-hero-panel,.model-history-panel,.model-feature-panel,.model-quality-panel,.model-baseline-panel,.model-experiment-panel,.model-card-panel{min-width:0;display:flex}.model-hero-panel,.model-history-panel,.model-feature-panel,.model-quality-panel,.model-baseline-panel,.model-experiment-panel{grid-column:span 6}.model-card-panel{grid-column:1/-1}.signals-chart-panel .signal-chart-card,.model-quality-panel .card,.model-feature-panel .card,.model-baseline-panel .card,.model-experiment-panel .card,.model-history-panel .card{width:100%}.model-history-panel .card{padding-bottom:var(--space-sm)}.model-history-panel .history-grid{margin-bottom:calc(var(--space-xs) + 2px)}.model-history-panel .history-list{font-size:.8rem;line-height:1.48}.model-history-panel .factor-list li{margin-bottom:4px}.overview-support-grid,.frontpage-grid{gap:var(--space-md)}.report-form select,.report-form input,.report-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#fff}.report-submit,button[type=submit]{box-shadow:var(--shadow-xs);border-radius:999px}@media (width<=1180px){.app-shell{padding-inline:var(--space-md)}.primary-ops-column,.context-sidebar-column{grid-column:span 12}.context-sidebar-column{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=820px){.app-shell{padding:var(--space-sm)}.hero,.area-selector,.hero-signal-header{flex-direction:column;align-items:flex-start}.area-controls,.area-tabs{justify-content:flex-start;align-items:stretch;width:100%}.area-tabs button,.refresh-button{flex:auto}.data-subgrid-2col,.context-sidebar-column,.section-page,.signals-page,.model-page,.resident-overview-grid,.signal-kpi-grid,.overview-grid,.river-grid,.history-grid,.compact-metric-grid,.rainfall-summary-grid,.community-summary,.report-form-grid{grid-template-columns:1fr}.resident-overview-grid{grid-template-areas:"concern""next""trust""why"}.hero-signal-card,.card{padding:var(--space-md)}.hero-signal-header{margin-inline:calc(var(--space-md) * -1);padding-inline:var(--space-md)}}:root{--bg-app:#d7ecfa;--bg-card:linear-gradient(135deg, #fbfdf4 0%, #e9f4f8 48%, #bddfeb 100%);--bg-card-soft:#f6fbffc2;--bg-elevated:#e6f4fb;--text-strong:#10213a;--text-body:#354863;--text-muted:#42546f;--text-faint:#73839a;--border-color:#c7d8eff5;--border-subtle:#d6e4f5f5;--brand:#184e9f;--brand-deep:#19345a;--brand-soft:#184e9f14;--accent-cyan:#2b8aa6;--accent-purple:#561b9d;--accent-purple-deep:#4d0856;--color-high:#a12a2a;--color-high-bg:#fde8e8;--color-high-border:#f4b7b7;--color-mod:#9a5d00;--color-mod-bg:#fff3d8;--color-mod-border:#f5d48b;--color-low:#156f39;--color-low-bg:#d8f6e1;--color-low-border:#a7e5ba;--shadow-xs:0 1px 2px #10213a0d;--shadow-sm:0 8px 22px #10213a14;--shadow-md:0 14px 30px #10213a1c;--shadow-focus:0 0 0 4px #184e9f21}html,body{background:#d7ecfa}body{color:var(--text-body);background:radial-gradient(circle at 0 0,#fbfdede0,#0000 24rem),radial-gradient(circle at 100% 0,#8abced57,#0000 28rem),linear-gradient(#d7ecfa 0%,#c8e6f2 48%,#d9eef8 100%)}.app-shell{max-width:1380px}.hero{background:linear-gradient(135deg,#fbfded 0%,#d8ecf1 48%,#8abced 100%);border-color:#c7d8ef;box-shadow:0 10px 26px #10213a14}.eyebrow{color:var(--accent-purple-deep)}.hero h1{color:#10213a}.subtitle{color:#02122a}.area-selector,.app-nav{background:#f6fbffd1;border-color:#cfe0f2;box-shadow:0 8px 22px #10213a0f}.area-tabs button,.app-nav button{color:#19345a;background:#f6fbff70}.area-tabs button.active,.area-tabs button:hover,.app-nav button.active,.app-nav button:hover{color:#fff;background:#184e9f;border-color:#184e9f}.refresh-button{color:#184e9f;background:#fff;border-color:#c8d7e8}.card,.card-base{background:linear-gradient(135deg,#fbfdf4 0%,#eaf5fa 54%,#bddfeb 100%);border-color:#e6edf7;box-shadow:0 8px 22px #10213a14}.card:hover{border-color:#bfd3ea;box-shadow:0 14px 30px #10213a1c}.section-label{color:#184e9f}.section-header h2{color:#561b9d}.section-header h3,.area-selector h3,.report-top h4,.source-health-top h4,.info-tile h3{color:#10213a}.hero-signal-card{box-shadow:0 12px 30px #10213a1c}.hero-signal-card.risk-high{background:linear-gradient(#fde8e8 0%,snow 36%,#dcecf8 100%);border-color:#f4b7b7}.hero-signal-card.risk-moderate{background:linear-gradient(#fff3d8 0%,#fffdf3 38%,#dcecf8 100%);border-color:#f5d48b}.hero-signal-card.risk-low{background:linear-gradient(#d8f6e1 0%,#fbfdf4 42%,#dcecf8 100%);border-color:#a7e5ba}.hero-signal-header{border-bottom-color:#c7d8efd1}.resident-answer-card,.report-card,.source-health-item,.community-report-item,.evidence-review-item,.relevance-source-row,.audit-score-row{background:#ffffffb8;border-color:#dde8f2f2}.resident-answer-card.concern-card,.resident-answer-card.why-card{background:linear-gradient(#ffffffdb,#e8f2fceb)}.resident-answer-card.next-card{background:linear-gradient(160deg,#fffef8 0%,#e7f3ea 100%);border-color:#caead2 #caead2 #caead2 #156f39}.info-tile,.community-summary div,.flow-box,.mini-box,.history-grid .info-tile,.decision-row .action-list li,.frontpage-actions .action-list li,.frontpage-reports .report-card,.rainfall-summary-grid .info-tile{background:#f6fbffc2;border-color:#d6e4f5fa}.decision-row .action-list li{border-left-color:#184e9f}.why-matters-strip span,.nearest-station-list span{color:#214066;background:#184e9f14;border-color:#184e9f2e}.signal-chart-card .chart-box{background:linear-gradient(#fbfdffdb,#e8f4fbb8);border-color:#cfe0f2f5}.context-sidebar-column .location-card .map-panel,.map-panel{background:linear-gradient(160deg,#fbfdffd6,#dcecf8e0);border-color:#cfe0f2f5}.source-badge.live,.source-badge.pass,.source-badge.complete,.source-badge.high,.source-badge.live-gauge,.source-badge.current,.source-badge.current-context,.risk-pill.low{color:#156f39;background:#d8f6e1;border-color:#a7e5ba}.source-badge.warn,.source-badge.partial,.source-badge.medium,.source-badge.stale,.source-badge.stale-context,.risk-pill.moderate{color:#9a5d00;background:#fff3d8;border-color:#f5d48b}.source-badge.blocked,.source-badge.limited,.source-badge.low,.source-badge.fallback,.risk-pill.high{color:#a12a2a;background:#fde8e8;border-color:#f4b7b7}.source-badge.not-connected,.source-badge.not_connected,.source-badge.missing,.source-badge.unknown{color:#42546f;background:#e8eef7;border-color:#d7e3f1}.report-form select,.report-form input,.report-form textarea{background:#ffffffdb;border-color:#c8d7e8}.report-submit,button[type=submit]{color:#fff;background:#184e9f}@media (width<=820px){.app-shell{padding-inline:12px}}:root{--fg-glow-cream:#fbfdedf0;--fg-glow-sky:#8abced6b;--fg-glow-aqua:#bddfeb85;--fg-glow-blue:#184e9f33;--fg-glow-blue-strong:#184e9f52;--fg-glass:#ffffff94;--fg-glass-strong:#ffffffc7;--fg-glass-border:#ffffffc7;--fg-glass-border-blue:#b0d1ecf5;--fg-glass-shadow:0 20px 50px #10213a21, inset 0 1px 0 #ffffffe6;--fg-inner-glow:inset 0 1px 0 #ffffffeb, inset 0 -18px 42px #8abced1f}body{background:radial-gradient(circle at 20% 0,#fbfdedeb,#0000 28rem),radial-gradient(circle at 88% 10%,#8abced8a,#0000 34rem),linear-gradient(#d7ecfa 0%,#c8e6f2 44%,#d9eef8 100%)}.hero-signal-card:before,.hero-signal-card.risk-low:before,.hero-signal-card.risk-moderate:before,.hero-signal-card.risk-high:before{display:none}.hero-signal-card,.hero-signal-card.risk-low,.hero-signal-card.risk-moderate,.hero-signal-card.risk-high{box-shadow:var(--fg-glass-shadow), 0 0 0 1px #ffffff7a;background:radial-gradient(circle at 9% 0,#fbfdedfa,#0000 20rem),radial-gradient(circle at 90% 6%,#8abced5c,#0000 24rem),linear-gradient(145deg,#fbfdf4e6 0%,#ebf8fae0 48%,#cfe8f3e6 100%);border:1px solid #a8cce8e6;border-radius:22px;position:relative;overflow:hidden}.hero-signal-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 22%,#ffffffb8,#0000 13rem),radial-gradient(circle at 88% 0,#8abced47,#0000 18rem);position:absolute;inset:0}.hero-signal-header{background:linear-gradient(90deg,#ffffff6b,#ffffff1f);border-bottom:1px solid #b7d3eab8}.hero-signal-title{text-shadow:0 1px #ffffffbd}.risk-pill{letter-spacing:-.01em;border-width:1px;padding:10px 16px;font-weight:900;transform:translateZ(0)}.risk-pill.low{color:#105c31;background:radial-gradient(circle at 28% 16%,#ffffffeb,#0000 42%),linear-gradient(135deg,#eaffef 0%,#c9f5d5 100%);border-color:#5cca7bb8;box-shadow:0 0 0 5px #156f3914,0 0 24px #156f3947,0 10px 22px #10213a1f,inset 0 1px #ffffffdb}.risk-pill.moderate{color:#875200;background:radial-gradient(circle at 28% 16%,#ffffffe6,#0000 42%),linear-gradient(135deg,#fff8e7 0%,#ffe4aa 100%);border-color:#d9770685;box-shadow:0 0 0 5px #9a5d0014,0 0 24px #9a5d0038,0 10px 22px #10213a1f,inset 0 1px #ffffffdb}.risk-pill.high{color:#8f2222;background:radial-gradient(circle at 28% 16%,#ffffffe6,#0000 42%),linear-gradient(135deg,#fff2f2 0%,#ffc7c7 100%);border-color:#a12a2a85;box-shadow:0 0 0 5px #a12a2a14,0 0 24px #a12a2a3d,0 10px 22px #10213a1f,inset 0 1px #ffffffdb}.resident-answer-card,.info-tile,.hero-signal-card .source-health-item,.hero-signal-card .report-card{border:1px solid var(--fg-glass-border-blue);box-shadow:0 14px 30px #10213a14, 0 0 22px #8abced29, var(--fg-inner-glow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 15% 0,#fffffff5,#0000 9rem),linear-gradient(145deg,#ffffffb8 0%,#f2f8fca8 52%,#e1f1f8b8 100%)}.resident-answer-card:hover,.info-tile:hover{box-shadow:0 16px 34px #10213a1f, 0 0 28px #8abced47, var(--fg-inner-glow);border-color:#63a6dce0}.resident-answer-card.concern-card{background:radial-gradient(circle at 18% 0,#fffffffa,#0000 10rem),linear-gradient(145deg,#ffffffd6 0%,#ebf6ffc7 100%);border-color:#c2d8f0fa}.resident-answer-card.trust-card{background:radial-gradient(circle at 18% 0,#fffffffa,#0000 10rem),linear-gradient(145deg,#ffffffd1 0%,#eef8fdc2 100%)}.resident-answer-card.next-card{box-shadow:0 14px 30px #10213a14, 0 0 26px #156f3924, var(--fg-inner-glow);background:radial-gradient(circle at 16% 0,#fffffffa,#0000 10rem),linear-gradient(145deg,#fffff8d6 0%,#ebf7eec7 100%);border-color:#8ed6a3b8 #8ed6a3b8 #8ed6a3b8 #156f39eb;border-left-style:solid;border-left-width:5px}.resident-answer-card.why-card{background:radial-gradient(circle at 18% 0,#fffffff5,#0000 10rem),linear-gradient(145deg,#ffffffc7 0%,#f0f7fcb8 100%)}.signal-kpi-grid .info-tile{text-align:center;min-height:96px;padding:16px}.signal-kpi-grid .info-tile .section-label,.resident-answer-card .section-label{color:#184e9f;letter-spacing:.13em;font-weight:950}.signal-kpi-grid .info-tile h3{color:#10213a;font-size:clamp(1rem,1.15vw,1.22rem);font-weight:900}.context-sidebar-column .card,.decision-row .card,.analytics-row .card,.compact-ml-card,.source-health-list .source-health-item,.reports-list .report-card{background:radial-gradient(circle at 15% 0,#ffffffe0,#0000 11rem),linear-gradient(145deg,#fbfdf4d6 0%,#e8f5fad1 100%);border-color:#cae0f1eb;box-shadow:0 12px 28px #10213a14,inset 0 1px #ffffffdb}.card:hover,.context-sidebar-column .card:hover,.decision-row .card:hover,.analytics-row .card:hover{border-color:#8fbee4e6;box-shadow:0 18px 40px #10213a1f,0 0 28px #8abced2e,inset 0 1px #ffffffe6}@media (prefers-reduced-motion:no-preference){.risk-pill.low{animation:3.6s ease-in-out infinite floodguardLowPulse}.resident-answer-card,.info-tile,.card{transition:box-shadow .2s,border-color .2s,transform .2s}}@keyframes floodguardLowPulse{0%,to{box-shadow:0 0 0 5px #156f3914,0 0 20px #156f3938,0 10px 22px #10213a1f,inset 0 1px #ffffffdb}50%{box-shadow:0 0 0 7px #156f391f,0 0 32px #156f3957,0 12px 26px #10213a24,inset 0 1px #ffffffe6}}.hero-signal-header{position:relative;overflow:visible}.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{isolation:isolate;letter-spacing:-.02em;text-transform:none;flex:none;align-items:center;min-width:max-content;font-size:clamp(1.02rem,1.05vw,1.22rem);font-weight:950;line-height:1;display:inline-flex;position:relative;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:6px 4px 6px 12px!important;animation:none!important;transform:none!important}.risk-pill:after{content:"";filter:blur(12px);opacity:.95;pointer-events:none;z-index:-1;border-radius:999px;width:118px;height:76px;position:absolute;top:50%;right:-34px;transform:translateY(-50%)}.risk-pill.low{text-shadow:0 1px #fffc,0 0 18px #156f3933;color:#105c31!important}.risk-pill.low:after{background:radial-gradient(circle at 78%,#156f3957 0%,#66e1893d 34%,#d8f6e11a 56%,#0000 74%)}.risk-pill.moderate{text-shadow:0 1px #ffffffc7,0 0 18px #9a5d0033;color:#875200!important}.risk-pill.moderate:after{background:radial-gradient(circle at 78%,#9a5d0057 0%,#ffc35442 34%,#fff3d81f 56%,#0000 74%)}.risk-pill.high{text-shadow:0 1px #ffffffc7,0 0 18px #a12a2a38;color:#8f2222!important}.risk-pill.high:after{background:radial-gradient(circle at 78%,#a12a2a61 0%,#ff7e7e42 34%,#fde8e81f 56%,#0000 74%)}@media (prefers-reduced-motion:no-preference){.risk-pill:after{animation:4.2s ease-in-out infinite floodguardStatusGlow}}@keyframes floodguardStatusGlow{0%,to{opacity:.82;transform:translateY(-50%)scale(.96)}50%{opacity:1;transform:translateY(-50%)scale(1.05)}}@media (width<=720px){.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{align-self:flex-start;padding-left:0!important}.risk-pill:after{width:100px;right:-28px}}.hero-signal-card,.hero-signal-card.risk-low,.hero-signal-card.risk-moderate,.hero-signal-card.risk-high{isolation:isolate;position:relative;overflow:hidden}.hero-signal-card:before,.hero-signal-card.risk-low:before,.hero-signal-card.risk-moderate:before,.hero-signal-card.risk-high:before{content:"";filter:blur(4px);opacity:.92;pointer-events:none;transform-origin:100% 0;z-index:0;border-radius:999px 0 0 999px;width:300px;height:170px;display:block;position:absolute;top:-58px;right:-72px;transform:rotate(-16deg)}.hero-signal-card.risk-low:before{background:radial-gradient(at 78% 24%,#156f3957 0%,#66e18938 34%,#d8f6e11a 54%,#0000 72%)}.hero-signal-card.risk-moderate:before{background:radial-gradient(at 78% 24%,#9a5d0057 0%,#ffc3543b 34%,#fff3d81c 54%,#0000 72%)}.hero-signal-card.risk-high:before{background:radial-gradient(at 78% 24%,#a12a2a5c 0%,#ff7e7e3d 34%,#fde8e81f 54%,#0000 72%)}.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{text-shadow:0 1px #ffffffc7!important;padding-right:0!important}.hero-signal-card>*{z-index:1;position:relative}@media (width<=720px){.hero-signal-card:before,.hero-signal-card.risk-low:before,.hero-signal-card.risk-moderate:before,.hero-signal-card.risk-high:before{width:245px;height:135px;top:-48px;right:-82px}}.hero-signal-card:before,.hero-signal-card.risk-low:before,.hero-signal-card.risk-moderate:before,.hero-signal-card.risk-high:before{content:none!important;background:0 0!important;display:none!important}.hero-signal-header{overflow:visible}.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{cursor:default;isolation:isolate;letter-spacing:-.01em;text-transform:none;white-space:nowrap;flex:none;justify-content:center;align-items:center;min-width:max-content;font-size:clamp(.92rem,.95vw,1.04rem);font-weight:950;line-height:1;display:inline-flex;position:relative;border-style:solid!important;border-width:1px!important;border-radius:999px!important;padding:10px 16px!important;animation:none!important;transform:none!important}.risk-pill:after,.risk-pill.low:after,.risk-pill.moderate:after,.risk-pill.high:after{content:none!important;background:0 0!important;animation:none!important;display:none!important}.risk-pill.low{color:#105c31!important;text-shadow:0 1px #ffffffb8!important;background:radial-gradient(circle at 22% 18%,#fffffff2,#0000 38%),linear-gradient(135deg,#effff4 0%,#d8f6e1 48%,#bdf0cc 100%)!important;border-color:#156f3942!important;box-shadow:0 0 0 4px #156f390f,0 0 22px #156f3933,0 10px 22px #10213a1a,inset 0 1px #ffffffe0!important}.risk-pill.moderate{color:#875200!important;text-shadow:0 1px #ffffffb8!important;background:radial-gradient(circle at 22% 18%,#fffffff0,#0000 38%),linear-gradient(135deg,#fffaf0 0%,#fff3d8 48%,#ffdc91 100%)!important;border-color:#9a5d0042!important;box-shadow:0 0 0 4px #9a5d000f,0 0 22px #9a5d002e,0 10px 22px #10213a1a,inset 0 1px #ffffffe0!important}.risk-pill.high{color:#8f2222!important;text-shadow:0 1px #ffffffb8!important;background:radial-gradient(circle at 22% 18%,#fffffff0,#0000 38%),linear-gradient(135deg,#fff4f4 0%,#fde8e8 48%,#ffc1c1 100%)!important;border-color:#a12a2a47!important;box-shadow:0 0 0 4px #a12a2a0f,0 0 22px #a12a2a33,0 10px 22px #10213a1a,inset 0 1px #ffffffe0!important}@media (prefers-reduced-motion:no-preference){.risk-pill.low{animation:4s ease-in-out infinite floodguardLowStatusButtonPulse!important}}@keyframes floodguardLowStatusButtonPulse{0%,to{box-shadow:0 0 0 4px #156f390f,0 0 18px #156f3929,0 10px 22px #10213a1a,inset 0 1px #ffffffe0}50%{box-shadow:0 0 0 6px #156f391a,0 0 30px #156f3942,0 12px 26px #10213a21,inset 0 1px #ffffffeb}}@media (width<=720px){.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{align-self:flex-start;padding:9px 14px!important}}:root{--fg-premium-title:#253b75;--fg-premium-body:#40526f;--fg-premium-muted:#5f83c4;--fg-premium-border:#d2e4f7f5;--fg-premium-shadow:0 10px 24px #0f172a0f;--fg-premium-shadow-hover:0 14px 30px #0f172a14}body{color:var(--fg-premium-body)}.card,.card-base,.area-selector,.app-nav,.hero{box-shadow:var(--fg-premium-shadow)!important}.card,.card-base{padding:1.25rem!important}.card:hover,.context-sidebar-column .card:hover,.decision-row .card:hover,.analytics-row .card:hover,.resident-answer-card:hover,.info-tile:hover{transform:none;box-shadow:var(--fg-premium-shadow-hover)!important}.section-label{letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600;color:var(--fg-premium-muted)!important}.section-header h2,.hero-signal-title{letter-spacing:-.03em;font-weight:600;color:var(--fg-premium-title)!important}.section-header h3,.area-selector h3,.report-top h4,.source-health-top h4,.info-tile h3,.hero h1{color:var(--fg-premium-title);font-weight:600}.subtitle,.overview-summary,.live-status,.resident-answer-card p,.chart-note,.source-health-top p,.source-health-meta,.report-description,.report-time,.reliability-note{color:var(--fg-premium-body)}.live-status,.chart-note,.report-time,.source-health-top p,.source-health-meta{color:var(--fg-premium-muted)}.hero h1{font-size:clamp(3rem,4vw,4.15rem)}.hero-signal-title{font-size:clamp(2.1rem,2.8vw,3rem);color:#5b21b6!important}.overview-summary{display:none}.resident-overview-grid{grid-template-columns:minmax(0,1.34fr) minmax(0,.92fr);grid-template-areas:"left next";align-items:stretch}.resident-overview-left-column{flex-direction:column;grid-area:left;justify-content:space-between;gap:12px;height:100%;display:flex}.analytics-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.header-actions{align-items:center;gap:10px;display:flex}.source-state-chip{color:var(--fg-premium-muted);background:#ffffffbd;border:1px solid #cfe0f2f2;border-radius:999px;align-items:center;padding:8px 12px;font-size:.78rem;font-weight:600;line-height:1;display:inline-flex}.source-state-chip.live{color:#1f6a43}.source-state-chip.warn{color:#9a5d00}.source-state-chip.neutral{color:var(--fg-premium-muted)}.source-state-chip:before{content:"";border-radius:999px;width:7px;height:7px;margin-right:8px;display:inline-block}.source-state-chip.live:before{background:#4daf71}.source-state-chip.warn:before{background:#d9a441}.source-state-chip.neutral:before{background:#94a3b8}.refresh-button{box-shadow:none;font-weight:600}.risk-pill,.risk-pill.low,.risk-pill.moderate,.risk-pill.high{font-size:.95rem;font-weight:600;box-shadow:none!important;border-radius:999px!important;padding:10px 14px!important;animation:none!important}.resident-answer-card,.info-tile,.history-grid .info-tile,.rainfall-summary-grid .info-tile,.report-card,.source-health-item,.community-report-item,.evidence-review-item,.relevance-source-row,.audit-score-row{-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--fg-premium-border)!important;box-shadow:var(--fg-premium-shadow)!important;background:#ffffffc7!important;padding:1.25rem!important}.resident-answer-card.concern-card,.resident-answer-card.trust-card,.resident-answer-card.why-card,.resident-answer-card.next-card,.frontpage-actions .action-list li,.frontpage-reports .report-card{background:linear-gradient(#ffffffeb,#f2f8ffdb)!important}.frontpage-reports .report-card{padding:90px 20px!important}.resident-answer-card.next-card{grid-area:next;border-left:1px solid var(--fg-premium-border)!important}.resident-answer-card.concern-card h3{color:var(--fg-premium-title);font-size:1.45rem;font-weight:600}.resident-answer-card.trust-card h3,.resident-answer-card.next-card h3,.resident-answer-card.why-card h3,.info-tile h3{font-weight:600}.resident-answer-list li,.factor-list li,.action-list li{color:var(--fg-premium-body)}.resident-empty-state{color:#1f6a43;margin:0;font-size:.9rem;font-weight:500;line-height:1.5}.resident-support-note{color:var(--fg-premium-body-soft);margin-top:.55rem;font-size:.88rem;line-height:1.55}.app-nav-shell{margin-bottom:-8px}.app-nav-strip{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#ffffffe6;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.app-nav{background:0 0;border:0;flex:auto;gap:8px;min-width:0;margin-bottom:0;padding:0;overflow-x:auto;box-shadow:none!important}.app-nav-mode-inline{flex:none;align-items:center;gap:12px;display:flex}.app-nav-mode-field{flex:0 auto;align-items:center;gap:10px;display:flex}.app-nav-mode-field .section-label{white-space:nowrap;margin-bottom:0}.app-nav-mode-select-wrap{position:relative}.overview-mode-select{appearance:none;color:var(--fg-premium-title);cursor:pointer;font:inherit;background:linear-gradient(#fffffffa,#f2f8fff2);border:1px solid #cbd5e1f5;border-radius:10px;max-width:220px;min-height:38px;padding:8px 34px 8px 12px;font-size:.86rem;font-weight:500;transition:border-color .14s,box-shadow .14s,transform .14s}.overview-mode-select:hover{transform:translateY(-1px)}.overview-mode-select:focus{border-color:#2057b7e6;outline:none;box-shadow:0 0 0 4px #3b82f624}.app-nav-mode-chevron{color:var(--fg-premium-muted);pointer-events:none;font-size:.62rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.app-nav-mode-note{color:var(--fg-premium-muted);margin:6px 6px 0;font-size:.76rem}@media (width<=980px){.app-nav-strip{flex-direction:column;align-items:stretch}.app-nav-mode-inline{justify-content:space-between;width:100%}}@media (width<=720px){.app-nav-mode-inline,.app-nav-mode-field{flex-direction:column;align-items:stretch}.overview-mode-select{width:100%;max-width:none}}.overview-meta-strip{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.overview-meta-strip span{color:var(--fg-premium-muted);background:#ffffff94;border:1px solid #cfe0f2eb;border-radius:999px;padding:7px 10px;font-size:.79rem;font-weight:600}.why-matters-strip span,.nearest-station-list span{box-shadow:none;color:var(--fg-premium-body)}.signal-chart-card .chart-box{border:1px solid #cfe0f2eb;border-radius:14px;padding:1rem;box-shadow:none!important;background:linear-gradient(#ffffffe6,#f2f8ffd6)!important}.map-panel{box-shadow:none}@media (width<=720px){.resident-overview-grid{grid-template-columns:1fr;grid-template-areas:"left""next"}.header-actions{flex-wrap:wrap;justify-content:flex-start}}.overview-main-column{gap:var(--space-md);flex-direction:column;min-width:0;display:flex}.hero-signal-title{color:#5b21b6!important}.signal-kpi-grid .info-tile{min-height:64px;padding:.9rem 1rem!important}.signal-kpi-grid .info-tile h3{color:#23395d;font-size:.84rem;font-weight:600;line-height:1.28}.signal-kpi-grid .info-tile .section-label{letter-spacing:.11em;font-size:.68rem}.overview-top-grid{align-items:stretch;gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.overview-middle-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.overview-top-grid>*,.overview-middle-grid>*,.overview-full-banner>*{min-width:0}.overview-sidebar-column{gap:var(--space-md);flex-direction:column;grid-column:span 4;display:flex}.overview-sidebar-column .location-card,.overview-sidebar-column .local-signals-card{flex-direction:column;display:flex}.overview-sidebar-column .location-card{min-height:390px}.overview-sidebar-column .local-signals-card{min-height:392px}.overview-top-grid .card,.overview-middle-grid .card{height:100%}.overview-main-column .overview-top-grid .card{min-height:274px}.overview-top-grid .action-list{gap:var(--space-sm);padding-left:0;list-style:none;display:grid}.overview-top-grid .action-list li{border:1px solid var(--fg-premium-border);background:linear-gradient(#fffffff5,#f2f8ffe6);border-left:4px solid #3b82f6;border-radius:12px;margin-bottom:0;padding:.95rem 1rem}.overview-middle-grid .signal-chart-card{flex-direction:column;display:flex}.overview-middle-grid .signal-chart-card .chart-box{flex:auto}.overview-sidebar-column .location-card .map-panel{height:330px}.overview-sidebar-column .local-signals-card .reports-list{flex:auto}.overview-sidebar-column .local-signals-card .report-card{padding-bottom:calc(var(--space-sm) + 10px);padding-top:calc(var(--space-sm) + 10px)}.overview-full-banner{grid-column:1/-1;width:100%}.ml-banner-card .compact-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.source-banner-card .source-health-list{gap:var(--space-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.source-banner-card .source-health-item,.ml-banner-card .info-tile{height:100%}.analytics-row .chart-box{height:274px;padding:.55rem .7rem .75rem}.analytics-row .signal-breakdown-card .chart-box{height:192px}.analytics-row .rainfall-chart-card .chart-box{height:274px}.analytics-row .signal-chart-card{padding:1.25rem!important}@media (width<=1180px){.overview-sidebar-column,.overview-main-column{grid-column:span 12}.source-banner-card .source-health-list,.ml-banner-card .compact-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.overview-top-grid,.overview-middle-grid,.source-banner-card .source-health-list,.ml-banner-card .compact-metric-grid{grid-template-columns:1fr}}