:root{color:#16211f;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;padding:20px}.top-bar{display:flex;gap:16px;align-items:end;justify-content:space-between;border-bottom:1px solid #c8d2d0;padding-bottom:16px}.eyebrow,.metric-block span,.panel-section h2,.map-badge{margin:0;color:#52615f;font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(2rem,6vw,4rem);line-height:1}h2{color:#1f2f2d;font-size:1rem}.refresh-button{border:1px solid #1e5a52;border-radius:6px;background:#fff;color:#173d38;cursor:pointer;font-weight:700;min-height:40px;padding:0 14px}.refresh-button:hover,.refresh-button:focus-visible{background:#e8f4f1}.budget-guard-popup{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:14px;align-items:start;border:1px solid #b42318;border-radius:8px;background:#fff7f5;color:#84231b;margin-top:16px;padding:14px;box-shadow:0 10px 28px #84231b1f}.budget-guard-popup .eyebrow,.budget-guard-popup h2,.budget-guard-popup p{color:inherit}.budget-guard-popup p{margin:0;line-height:1.45}.variation-nav{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;align-items:center;border:1px solid #c8d2d0;border-radius:8px;background:#fff;margin-top:16px;min-height:56px;padding:6px}.variation-nav div{display:grid;justify-items:center;min-width:0}.variation-nav span{color:#52615f;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.variation-nav strong{color:#1f2f2d;font-size:1rem}.variation-arrow{display:grid;place-items:center;border:1px solid #b7c4c1;border-radius:6px;color:#173d38;font-size:1.35rem;font-weight:900;min-height:42px;text-decoration:none}.variation-arrow:hover,.variation-arrow:focus-visible{background:#eef5f3}.status-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}.metric-block,.side-panel,.map-panel,.notes-band,.message-panel{border:1px solid #c8d2d0;border-radius:8px;background:#fff}.metric-block{min-height:88px;padding:14px}.metric-block strong{display:block;margin-top:10px;overflow-wrap:anywhere;color:#1a2b29;font-size:1.18rem;line-height:1.25}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;margin-top:16px}.map-panel{min-width:0;padding:16px}.map-header{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:14px}.map-header p{margin:6px 0 0;color:#52615f;line-height:1.45}.map-badge{border:1px solid #c8d2d0;border-radius:999px;color:#27443f;flex:0 0 auto;padding:6px 10px}.map-canvas{position:relative;min-height:560px;overflow:hidden;border:1px solid #b7c4c1;border-radius:6px;background:linear-gradient(90deg,rgba(63,87,82,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(63,87,82,.08) 1px,transparent 1px),#edf2f1;background-size:56px 56px}.map-canvas.selectable{cursor:crosshair}.osm-tile-layer,.map-tint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.osm-tile-layer{z-index:0;background:#dfe8e6}.osm-tile{position:absolute;max-width:none;-webkit-user-select:none;user-select:none}.map-tint{z-index:1;background:#f5f7f838}.coast-line{position:absolute;inset:8% auto 7% 20%;width:32%;border-left:3px solid rgba(30,90,82,.38);border-radius:48% 0 0 45%;transform:rotate(7deg);z-index:2}.map-label{position:absolute;z-index:2;color:#64736f;font-size:.78rem;font-weight:700}.map-label.north{right:18px;top:18px}.map-label.south{bottom:18px;left:18px}.rain-marker,.crowd-marker{position:absolute;display:grid;place-items:center;border:2px solid #ffffff;box-shadow:0 8px 24px #0f172a38;color:#fff;font-size:.78rem;font-weight:800;transform:translate(-50%,-50%)}.rain-marker{z-index:3;width:44px;height:44px;border-radius:50%}.crowd-marker{z-index:4;width:34px;height:34px;border-radius:8px;background:#4b5563;outline:2px dashed rgba(23,61,56,.48);outline-offset:2px}.intensity-none{background:#6b7d7a}.intensity-light{background:#2b8a7e}.intensity-moderate{background:#d48806}.intensity-heavy{background:#b42318}.intensity-unknown{background:#5f6b7a}.selected-area-marker{position:absolute;z-index:5;display:grid;width:30px;height:30px;place-items:center;border:2px solid #173d38;border-radius:50%;background:#ffffffd1;box-shadow:0 10px 28px #0f172a3d;transform:translate(-50%,-50%)}.selected-area-marker span{display:block;width:10px;height:10px;border-radius:50%;background:#173d38}.osm-attribution{position:absolute;right:8px;bottom:8px;z-index:6;border-radius:4px;background:#ffffffe6;color:#1f2f2d;font-size:.72rem;font-weight:700;line-height:1.2;padding:4px 6px;text-decoration:none}.osm-attribution:hover,.osm-attribution:focus-visible{text-decoration:underline}.area-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.area-controls button{border:1px solid #b7c4c1;border-radius:6px;background:#fff;color:#203331;cursor:pointer;font-size:.86rem;font-weight:800;min-height:38px;padding:0 10px}.area-controls button:hover,.area-controls button:focus-visible{background:#eef5f3}.area-controls button:disabled{cursor:not-allowed;opacity:.55}.selected-area-panel{border:1px solid #d9e0de;border-radius:6px;margin-top:12px;padding:12px}.selected-area-panel h3,.selected-area-panel h4{margin:0;color:#1f2f2d;font-size:.95rem;letter-spacing:0}.selected-area-panel h4{font-size:.82rem}.selected-area-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between}.selected-area-heading span{color:#52615f;font-size:.84rem;font-weight:800;text-align:right}.selected-area-groups{display:grid;gap:12px;margin-top:12px}.selected-cell-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:8px 0 0;padding:0}.selected-cell-list li{border:1px solid #d9e0de;border-radius:6px;padding:9px}.selected-cell-list strong,.selected-cell-list span{display:block;overflow-wrap:anywhere}.selected-cell-list span{margin-top:5px;color:#52615f;font-size:.86rem;line-height:1.35}.side-panel{align-self:start;padding:16px}.panel-section+.panel-section{border-top:1px solid #d9e0de;margin-top:16px;padding-top:16px}.freshness-list,.cell-list,.crowd-signal-list{display:grid;gap:10px;list-style:none;margin:12px 0 0;padding:0}.freshness-list li,.cell-list li,.crowd-signal-list li{border:1px solid #d9e0de;border-radius:6px;padding:10px}.freshness-list strong,.cell-list strong,.crowd-signal-list strong{display:block;color:#203331;overflow-wrap:anywhere}.freshness-list span,.cell-list span{display:inline-block;margin-top:4px;color:#52615f;text-transform:capitalize}.freshness-list small,.cell-list small,.crowd-signal-list small{display:block;margin-top:6px;color:#64736f;line-height:1.35}.crowd-signal-heading{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.crowd-signal-heading span{color:#52615f;flex:0 0 auto;font-size:.82rem;font-weight:800}.crowd-signal-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 0}.crowd-signal-counts div{border:1px solid #d9e0de;border-radius:6px;padding:7px 6px;text-align:center}.crowd-signal-counts dt,.crowd-signal-counts dd{margin:0}.crowd-signal-counts dt{color:#52615f;font-size:.72rem;font-weight:700}.crowd-signal-counts dd{color:#203331;font-size:1rem;font-weight:800;margin-top:3px}.notes-band{margin-top:16px;padding:14px}.notes-band p,.empty-copy{margin:0;color:#52615f;line-height:1.5}.notes-band p+p{margin-top:8px}.message-panel{display:grid;gap:8px;margin-top:16px;min-height:180px;place-content:center;padding:18px;text-align:center}.message-panel.error{border-color:#f0b4ac;background:#fff7f5;color:#84231b}@media(max-width:900px){.status-strip,.workspace{grid-template-columns:1fr}.map-canvas{min-height:440px}.area-controls,.selected-cell-list,.crowd-signal-counts{grid-template-columns:1fr}}@media(max-width:560px){.app-shell{padding:14px}.top-bar,.map-header{align-items:stretch;flex-direction:column}.refresh-button{width:100%}.map-canvas{min-height:360px}.rain-marker{width:38px;height:38px;font-size:.7rem}.crowd-marker{width:30px;height:30px;font-size:.68rem}}.report-panel{display:grid;gap:12px}.report-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}.privacy-chip{border:1px solid #c8d2d0;border-radius:999px;color:#52615f;flex:0 0 auto;font-size:.72rem;font-weight:700;line-height:1.2;padding:6px 9px;text-align:center}.report-form{display:grid;gap:12px}.rain-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rain-choice,.submit-report-button{border:1px solid #b7c4c1;border-radius:6px;cursor:pointer;font-weight:800;min-height:40px;padding:0 10px}.rain-choice{background:#fff;color:#203331}.rain-choice:hover,.rain-choice:focus-visible{background:#eef5f3}.rain-choice[aria-pressed=true]{border-color:#1e5a52;background:#1e5a52;color:#fff}.condition-toggles{display:grid;gap:8px}.condition-toggles label{display:flex;gap:8px;align-items:center;border:1px solid #d9e0de;border-radius:6px;color:#203331;font-weight:700;min-height:36px;padding:6px 8px}.condition-toggles input{accent-color:#1e5a52;width:16px;height:16px}.submit-report-button{border-color:#1e5a52;background:#1e5a52;color:#fff}.submit-report-button:hover,.submit-report-button:focus-visible{background:#173d38}.rain-choice:disabled,.submit-report-button:disabled,.condition-toggles input:disabled{cursor:wait;opacity:.65}.report-status{border-radius:6px;margin:0;min-height:38px;padding:9px 10px;color:#203331;font-size:.9rem;line-height:1.35}.report-status.muted{background:#eef3f2;color:#52615f}.report-status.success{background:#e8f4f1;color:#173d38}.report-status.error{background:#fff7f5;color:#84231b}.fallback-report{margin-top:16px}.fallback-report .report-panel{border:1px solid #c8d2d0;border-radius:8px;background:#fff;padding:16px}.variation-1{--v1-ink: #162326;--v1-muted: #5b686c;--v1-line: #b9c8c7;--v1-panel: #fbfcfc;--v1-panel-strong: #eef4f3;--v1-teal: #007c72;--v1-teal-dark: #075f59;--v1-yellow: #d6a700;--v1-red: #b92f2a;--v1-cyan: #2f8da8;background:linear-gradient(90deg,rgba(22,35,38,.045) 1px,transparent 1px),linear-gradient(0deg,rgba(22,35,38,.035) 1px,transparent 1px),#edf2f2;background-size:22px 22px;color:var(--v1-ink);padding:16px}.variation-1 .top-bar{align-items:stretch;border:1px solid var(--v1-line);border-left:5px solid var(--v1-teal);border-radius:8px;background:var(--v1-panel);padding:14px 16px;box-shadow:0 14px 32px #16232614}.variation-1 .top-bar>div{display:grid;gap:5px}.variation-1 h1{color:var(--v1-ink);font-size:clamp(2rem,4.4vw,3.35rem);line-height:.95}.variation-1 .eyebrow,.variation-1 .metric-block span,.variation-1 .panel-section h2,.variation-1 .map-badge{color:var(--v1-muted)}.variation-1 .refresh-button,.variation-1 .variation-arrow,.variation-1 .area-controls button,.variation-1 .rain-choice,.variation-1 .submit-report-button{border-radius:4px}.variation-1 .refresh-button{align-self:center;border-color:var(--v1-teal-dark);background:var(--v1-teal-dark);color:#fff;min-width:116px}.variation-1 .refresh-button:hover,.variation-1 .refresh-button:focus-visible{background:#034c47}.variation-1 .variation-nav{border-color:var(--v1-line);border-radius:6px;background:#f7faf9;box-shadow:inset 0 0 0 1px #ffffffb8}.variation-1 .variation-arrow{border-color:var(--v1-line);background:#fff;color:var(--v1-teal-dark)}.variation-1 .status-strip{grid-template-columns:repeat(5,minmax(128px,1fr));gap:8px}.variation-1 .metric-block{position:relative;overflow:hidden;border-color:var(--v1-line);border-radius:6px;background:var(--v1-panel);min-height:82px;padding:12px}.variation-1 .metric-block:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--v1-teal);content:""}.variation-1 .metric-block:nth-child(2):before{background:var(--v1-cyan)}.variation-1 .metric-block:nth-child(4):before{background:var(--v1-yellow)}.variation-1 .metric-block:nth-child(5):before{background:var(--v1-red)}.variation-1 .metric-block strong{color:var(--v1-ink);font-size:1.02rem;line-height:1.2}.variation-1 .workspace{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:12px}.variation-1 .map-panel,.variation-1 .side-panel,.variation-1 .notes-band,.variation-1 .message-panel,.variation-1 .fallback-report .report-panel,.variation-1 .budget-guard-popup{border-color:var(--v1-line);border-radius:6px;background:var(--v1-panel);box-shadow:0 10px 26px #16232612}.variation-1 .map-panel{padding:12px}.variation-1 .map-header{align-items:center;border-bottom:1px solid #d6e0df;margin-bottom:10px;padding-bottom:10px}.variation-1 .map-header p,.variation-1 .notes-band p,.variation-1 .empty-copy{color:var(--v1-muted)}.variation-1 .map-badge,.variation-1 .privacy-chip{border-color:var(--v1-line);border-radius:999px;background:var(--v1-panel-strong);color:var(--v1-teal-dark)}.variation-1 .map-canvas{min-height:590px;border-color:#9eb5b4;border-radius:4px;background:linear-gradient(90deg,rgba(0,124,114,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(0,124,114,.1) 1px,transparent 1px),#dfe8e7;background-size:48px 48px}.variation-1 .map-tint{background:linear-gradient(180deg,#fbfcfc0d,#fbfcfc47),#152d300a}.variation-1 .coast-line{border-left-color:#007c7294}.variation-1 .map-label,.variation-1 .osm-attribution{color:var(--v1-ink)}.variation-1 .rain-marker{border-color:#fff;box-shadow:0 0 0 3px #1623261f,0 12px 22px #1623263d}.variation-1 .crowd-marker{border-radius:4px;background:#223b40;outline-color:#007c7294}.variation-1 .selected-area-marker{border-color:var(--v1-yellow);background:#ffffffe6}.variation-1 .selected-area-marker span{background:var(--v1-red)}.variation-1 .side-panel{display:grid;gap:12px;padding:12px}.variation-1 .panel-section+.panel-section{margin-top:0;padding-top:12px}.variation-1 .freshness-list,.variation-1 .cell-list,.variation-1 .crowd-signal-list{gap:8px}.variation-1 .freshness-list li,.variation-1 .cell-list li,.variation-1 .crowd-signal-list li,.variation-1 .selected-cell-list li,.variation-1 .crowd-signal-counts div,.variation-1 .condition-toggles label,.variation-1 .selected-area-panel{border-color:#d5dfde;border-radius:4px;background:#fff}.variation-1 .report-panel{border-top:0;padding-top:0}.variation-1 .rain-choice[aria-pressed=true],.variation-1 .submit-report-button{border-color:var(--v1-teal-dark);background:var(--v1-teal-dark)}.variation-1 .report-status,.variation-1 .selected-area-panel{border-radius:4px}.variation-1 .notes-band{border-left:5px solid var(--v1-yellow);padding:12px 14px}.variation-1 .budget-guard-popup{border-left:5px solid var(--v1-red);color:#8a2722}@media(max-width:1100px){.variation-1 .status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.variation-1 .workspace{grid-template-columns:1fr}}@media(max-width:560px){.variation-1{padding:12px}.variation-1 .top-bar,.variation-1 .map-header,.variation-1 .report-heading{align-items:stretch}.variation-1 .status-strip{grid-template-columns:1fr}.variation-1 .map-canvas{min-height:390px}}.variation-2{--v2-ink: #101719;--v2-rail: #172120;--v2-panel: #f8fbf9;--v2-card: #ffffff;--v2-line: #aebdb7;--v2-muted: #596864;--v2-green: #1f8f5f;--v2-cyan: #00a7c4;--v2-amber: #e0aa2a;--v2-red: #c93f36;background:#e8eeea;color:var(--v2-ink);padding:14px}.variation-2 .top-bar{align-items:center;border:0;border-radius:6px;background:var(--v2-rail);color:#f7fbfa;padding:14px 16px;box-shadow:0 18px 36px #1017192e}.variation-2 .top-bar .eyebrow,.variation-2 .top-bar h1{color:#f7fbfa}.variation-2 h1{font-size:clamp(1.9rem,4.8vw,3.5rem)}.variation-2 .refresh-button{border-color:var(--v2-cyan);border-radius:4px;background:var(--v2-cyan);color:#061618;min-width:112px}.variation-2 .refresh-button:hover,.variation-2 .refresh-button:focus-visible{background:#52d8e8}.variation-2 .variation-nav{grid-template-columns:38px minmax(0,1fr) 38px;border:1px solid #2c3a38;border-radius:6px;background:#22302e;color:#f7fbfa;min-height:50px}.variation-2 .variation-nav span,.variation-2 .variation-nav strong{color:#f7fbfa}.variation-2 .variation-arrow{border-color:#40504d;border-radius:4px;background:#111a19;color:#8ee8f3;min-height:38px}.variation-2 .status-strip{grid-template-columns:repeat(5,minmax(116px,1fr));gap:10px}.variation-2 .metric-block{border-color:var(--v2-line);border-radius:4px;background:var(--v2-card);min-height:78px;padding:11px 12px;box-shadow:inset 0 3px 0 var(--v2-green)}.variation-2 .metric-block:nth-child(2){box-shadow:inset 0 3px 0 var(--v2-cyan)}.variation-2 .metric-block:nth-child(4){box-shadow:inset 0 3px 0 var(--v2-amber)}.variation-2 .metric-block:nth-child(5){box-shadow:inset 0 3px 0 var(--v2-red)}.variation-2 .metric-block strong{color:var(--v2-ink);font-size:1rem;margin-top:8px}.variation-2 .workspace{display:grid;grid-template-columns:minmax(252px,330px) minmax(0,1fr);grid-template-areas:"rail map";gap:12px;align-items:start}.variation-2 .map-panel{grid-area:map;border-color:#8ea29b;border-radius:6px;background:#f5faf8;padding:10px;box-shadow:0 18px 34px #1017191f}.variation-2 .side-panel{grid-area:rail;display:grid;gap:10px;border:0;border-radius:6px;background:var(--v2-rail);color:#f4f8f7;padding:10px;box-shadow:0 18px 34px #10171929}.variation-2 .side-panel .panel-section{border:1px solid #344541;border-radius:4px;background:#1e2b29;padding:10px}.variation-2 .side-panel .panel-section+.panel-section{margin-top:0}.variation-2 .side-panel h2,.variation-2 .side-panel .eyebrow,.variation-2 .side-panel .empty-copy,.variation-2 .side-panel .freshness-list span,.variation-2 .side-panel .cell-list span,.variation-2 .side-panel .freshness-list small,.variation-2 .side-panel .cell-list small,.variation-2 .side-panel .crowd-signal-list small,.variation-2 .side-panel .crowd-signal-heading span,.variation-2 .privacy-chip{color:#c8d8d4}.variation-2 .side-panel strong,.variation-2 .crowd-signal-counts dd{color:#fff}.variation-2 .report-panel{background:#f8fbf9;color:var(--v2-ink)}.variation-2 .report-panel h2,.variation-2 .report-panel .eyebrow,.variation-2 .report-panel .empty-copy{color:var(--v2-ink)}.variation-2 .privacy-chip{border-color:#39504b;border-radius:999px;background:#263633}.variation-2 .map-header{align-items:center;border-bottom:1px solid #c5d2cd;margin-bottom:10px;padding:2px 2px 10px}.variation-2 .map-header h2{color:var(--v2-ink);font-size:1.08rem}.variation-2 .map-header p,.variation-2 .empty-copy,.variation-2 .notes-band p{color:var(--v2-muted)}.variation-2 .map-badge{border-color:#9fb1ab;border-radius:4px;background:#e5f4ef;color:#0d5f43}.variation-2 .map-canvas{min-height:660px;border-color:#849992;border-radius:4px;background:linear-gradient(90deg,rgba(16,23,25,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(16,23,25,.08) 1px,transparent 1px),#dce8e4;background-size:64px 64px}.variation-2 .map-tint{background:radial-gradient(circle at 72% 18%,rgba(0,167,196,.13),transparent 26%),linear-gradient(90deg,#1f8f5f14,#ffffff2e)}.variation-2 .coast-line{border-left-color:#1017198c}.variation-2 .map-label{border-radius:4px;background:#ffffffd1;color:var(--v2-ink);padding:3px 6px}.variation-2 .rain-marker{border-color:#f9fffc;box-shadow:0 0 0 2px #10171938,0 12px 26px #10171947}.variation-2 .crowd-marker{border-radius:4px;background:#101719;outline:2px solid var(--v2-cyan);outline-offset:2px}.variation-2 .selected-area-marker{border-color:var(--v2-cyan);border-radius:4px;background:#ffffffeb}.variation-2 .selected-area-marker span{border-radius:2px;background:var(--v2-green)}.variation-2 .area-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.variation-2 .area-controls button,.variation-2 .rain-choice,.variation-2 .submit-report-button,.variation-2 .condition-toggles label{border-radius:4px}.variation-2 .area-controls button{border-color:#94aaa3;background:#fff}.variation-2 .area-controls button:hover,.variation-2 .area-controls button:focus-visible{background:#e5f4ef}.variation-2 .freshness-list,.variation-2 .cell-list,.variation-2 .crowd-signal-list{gap:8px}.variation-2 .freshness-list li,.variation-2 .cell-list li,.variation-2 .crowd-signal-list li,.variation-2 .crowd-signal-counts div{border-color:#3b4c49;border-radius:4px;background:#263633}.variation-2 .report-panel .rain-choice,.variation-2 .report-panel .condition-toggles label{border-color:#c7d3cf;background:#fff;color:var(--v2-ink)}.variation-2 .rain-choice[aria-pressed=true],.variation-2 .submit-report-button{border-color:var(--v2-green);background:var(--v2-green);color:#fff}.variation-2 .submit-report-button:hover,.variation-2 .submit-report-button:focus-visible{background:#166d49}.variation-2 .selected-area-panel,.variation-2 .selected-cell-list li,.variation-2 .notes-band,.variation-2 .message-panel,.variation-2 .budget-guard-popup{border-color:var(--v2-line);border-radius:4px;background:var(--v2-card)}.variation-2 .selected-area-panel{padding:10px}.variation-2 .notes-band{border-left:5px solid var(--v2-cyan);padding:12px 14px}.variation-2 .budget-guard-popup{border-left:5px solid var(--v2-red)}@media(max-width:1120px){.variation-2 .workspace{grid-template-columns:1fr;grid-template-areas:"map" "rail"}.variation-2 .side-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.variation-2 .report-panel{grid-column:1 / -1}}@media(max-width:720px){.variation-2 .status-strip,.variation-2 .side-panel,.variation-2 .area-controls{grid-template-columns:1fr}.variation-2 .map-canvas{min-height:430px}}@media(max-width:560px){.variation-2{padding:12px}.variation-2 .top-bar,.variation-2 .map-header,.variation-2 .report-heading{align-items:stretch}.variation-2 .refresh-button{width:100%}}.variation-3{background:linear-gradient(180deg,#fff 0,#fff 260px,#f4f5f2 260px,#f4f5f2);color:#111;padding:18px clamp(14px,2vw,28px) 24px}.variation-3 .top-bar{align-items:stretch;border:2px solid #111111;border-width:2px 0;padding:14px 0}.variation-3 .eyebrow,.variation-3 .metric-block span,.variation-3 .panel-section h2,.variation-3 .map-badge{color:#4f5451;font-size:.72rem;font-weight:900}.variation-3 h1{max-width:980px;color:#0f0f0f;font-size:clamp(2.1rem,5vw,4.7rem);line-height:.95}.variation-3 h2{color:#111}.variation-3 .refresh-button{align-self:end;border:2px solid #111111;border-radius:0;background:#111;color:#fff;min-width:132px;min-height:44px}.variation-3 .refresh-button:hover,.variation-3 .refresh-button:focus-visible{background:#f5d547;color:#111}.variation-3 .variation-nav{border:1px solid #111111;border-radius:0;background:#fff}.variation-3 .variation-arrow{border-color:#111;border-radius:0;background:#f5f5f0;color:#111}.variation-3 .status-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:2px solid #111111;background:#fff}.variation-3 .metric-block{border:0;border-right:1px solid #111111;border-radius:0;min-height:112px;padding:16px}.variation-3 .metric-block:last-child{border-right:0}.variation-3 .metric-block strong{color:#111;font-size:clamp(1.12rem,2vw,1.45rem)}.variation-3 .metric-block:nth-child(1){box-shadow:inset 0 5px #0d9488}.variation-3 .metric-block:nth-child(2){box-shadow:inset 0 5px #e11d48}.variation-3 .metric-block:nth-child(3){box-shadow:inset 0 5px #f5d547}.variation-3 .metric-block:nth-child(4){box-shadow:inset 0 5px #2563eb}.variation-3 .workspace{grid-template-columns:minmax(0,1.35fr) minmax(300px,400px);gap:18px}.variation-3 .map-panel,.variation-3 .side-panel,.variation-3 .notes-band,.variation-3 .message-panel{border:1px solid #111111;border-radius:0;background:#fff;box-shadow:5px 5px #111}.variation-3 .map-panel{padding:12px}.variation-3 .map-header{border-bottom:1px solid #111111;margin-bottom:12px;padding-bottom:10px}.variation-3 .map-header p,.variation-3 .notes-band p,.variation-3 .empty-copy{color:#4f5451}.variation-3 .map-badge,.variation-3 .privacy-chip{border-color:#111;border-radius:4px;background:#f5d547;color:#111}.variation-3 .map-canvas{border:1px solid #111111;border-radius:0;background:linear-gradient(90deg,rgba(17,17,17,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(17,17,17,.12) 1px,transparent 1px),#f7f8f5;background-size:44px 44px}.variation-3 .map-tint{background:#ffffff1f}.variation-3 .coast-line{border-left-color:#11111194}.variation-3 .map-label,.variation-3 .osm-attribution{color:#111}.variation-3 .rain-marker,.variation-3 .crowd-marker{border-color:#fff;box-shadow:0 0 0 2px #111,0 10px 22px #11111138}.variation-3 .crowd-marker{border-radius:3px;background:#111;outline-color:#0d9488bf}.variation-3 .selected-area-marker{border-color:#111;background:#f5d547;box-shadow:0 0 0 3px #fff,0 0 0 5px #111}.variation-3 .selected-area-marker span{background:#111}.variation-3 .side-panel{padding:14px}.variation-3 .panel-section+.panel-section{border-top-color:#111}.variation-3 .freshness-list li,.variation-3 .cell-list li,.variation-3 .crowd-signal-list li,.variation-3 .selected-area-panel,.variation-3 .selected-cell-list li,.variation-3 .crowd-signal-counts div{border-color:#111;border-radius:0;background:#fbfbf7}.variation-3 .freshness-list strong,.variation-3 .cell-list strong,.variation-3 .crowd-signal-list strong,.variation-3 .crowd-signal-counts dd{color:#111}.variation-3 .freshness-list span,.variation-3 .cell-list span,.variation-3 .freshness-list small,.variation-3 .cell-list small,.variation-3 .crowd-signal-list small,.variation-3 .crowd-signal-heading span,.variation-3 .crowd-signal-counts dt{color:#4f5451}.variation-3 .area-controls button,.variation-3 .rain-choice,.variation-3 .submit-report-button,.variation-3 .condition-toggles label{border-color:#111;border-radius:0}.variation-3 .area-controls button,.variation-3 .rain-choice,.variation-3 .condition-toggles label{background:#fff;color:#111}.variation-3 .area-controls button:hover,.variation-3 .area-controls button:focus-visible,.variation-3 .rain-choice:hover,.variation-3 .rain-choice:focus-visible{background:#eef8f6}.variation-3 .rain-choice[aria-pressed=true],.variation-3 .submit-report-button{border-color:#111;background:#0d9488;color:#fff}.variation-3 .submit-report-button:hover,.variation-3 .submit-report-button:focus-visible{background:#111}.variation-3 .report-status{border-radius:0}.variation-3 .budget-guard-popup{border:2px solid #b42318;border-radius:0;background:#fff8f0;box-shadow:5px 5px #b42318}@media(max-width:980px){.variation-3 .status-strip,.variation-3 .workspace{grid-template-columns:1fr}.variation-3 .metric-block{border-right:0;border-bottom:1px solid #111111}.variation-3 .metric-block:last-child{border-bottom:0}}@media(max-width:560px){.variation-3 .top-bar{gap:12px}.variation-3 .map-panel,.variation-3 .side-panel,.variation-3 .notes-band,.variation-3 .message-panel{box-shadow:3px 3px #111}}.variation-4{background:linear-gradient(90deg,rgba(24,28,31,.055) 1px,transparent 1px),linear-gradient(180deg,#f7faf9 0,#eef3f1);background-size:28px 28px,auto;color:#182023;padding:14px clamp(12px,1.8vw,24px) 22px}.variation-4 .top-bar{align-items:center;border:1px solid #2b3336;border-radius:8px;background:#fff;box-shadow:inset 8px 0 #13a6a6;padding:12px 14px 12px 22px}.variation-4 .eyebrow,.variation-4 .metric-block span,.variation-4 .panel-section h2,.variation-4 .map-badge{color:#4b5558;font-size:.7rem;font-weight:900}.variation-4 h1{color:#182023;font-size:clamp(1.8rem,4.4vw,3.6rem);line-height:1}.variation-4 h2{color:#182023}.variation-4 .refresh-button{border-color:#2b3336;border-radius:8px;background:#182023;color:#fff;min-width:126px}.variation-4 .refresh-button:hover,.variation-4 .refresh-button:focus-visible{background:#13a6a6;color:#061315}.variation-4 .variation-nav{border-color:#cad4d2;border-radius:8px;background:#fdfefe;box-shadow:0 8px 24px #18202314}.variation-4 .variation-arrow{border-color:#2b3336;border-radius:8px;background:#fff;color:#182023}.variation-4 .variation-arrow:hover,.variation-4 .variation-arrow:focus-visible{background:#e5fbf8}.variation-4 .status-strip{grid-template-columns:1.2fr repeat(3,minmax(130px,.8fr));gap:10px}.variation-4 .metric-block,.variation-4 .side-panel,.variation-4 .map-panel,.variation-4 .notes-band,.variation-4 .message-panel{border-color:#cad4d2;border-radius:8px;background:#fffffff0;box-shadow:0 10px 24px #18202314}.variation-4 .metric-block{min-height:82px;padding:12px 14px;position:relative}.variation-4 .metric-block:before{content:"";position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%;background:#13a6a6;box-shadow:0 0 0 4px #13a6a621}.variation-4 .metric-block:nth-child(2):before{background:#d9468f;box-shadow:0 0 0 4px #d9468f21}.variation-4 .metric-block:nth-child(3):before{background:#f2c94c;box-shadow:0 0 0 4px #f2c94c2e}.variation-4 .metric-block:nth-child(4):before{background:#536dfe;box-shadow:0 0 0 4px #536dfe1f}.variation-4 .metric-block strong{color:#182023;font-size:1.05rem}.variation-4 .workspace{grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:12px;align-items:start}.variation-4 .side-panel{order:1;padding:12px}.variation-4 .map-panel{order:2;padding:12px}.variation-4 .map-header{align-items:center;border-bottom:1px solid #d7e0de;margin-bottom:10px;padding-bottom:10px}.variation-4 .map-header p,.variation-4 .notes-band p,.variation-4 .empty-copy{color:#536063}.variation-4 .map-badge,.variation-4 .privacy-chip{border-color:#13a6a6;border-radius:6px;background:#e5fbf8;color:#075b5f}.variation-4 .map-canvas{border-color:#2b3336;border-radius:8px;min-height:600px;background:linear-gradient(90deg,rgba(19,166,166,.13) 1px,transparent 1px),linear-gradient(0deg,rgba(217,70,143,.1) 1px,transparent 1px),radial-gradient(circle at 28% 34%,rgba(19,166,166,.14),transparent 34%),#f4f8f7;background-size:42px 42px,42px 42px,auto,auto}.variation-4 .map-tint{background:#f4f8f714}.variation-4 .coast-line{border-left-color:#d9468fa6}.variation-4 .map-label{border-radius:4px;background:#ffffffc7;color:#182023;padding:3px 6px}.variation-4 .rain-marker{border-color:#fff;box-shadow:0 0 0 2px #182023c7,0 10px 24px #18202333}.variation-4 .crowd-marker{border-radius:50%;background:#d9468f;outline-color:#13a6a69e}.variation-4 .selected-area-marker{border-color:#d9468f;background:#fff;box-shadow:0 0 0 5px #d9468f26,0 10px 26px #18202338}.variation-4 .selected-area-marker span{background:#13a6a6}.variation-4 .panel-section+.panel-section{border-top-color:#d7e0de;margin-top:12px;padding-top:12px}.variation-4 .freshness-list,.variation-4 .cell-list,.variation-4 .crowd-signal-list{gap:8px}.variation-4 .freshness-list li,.variation-4 .cell-list li,.variation-4 .crowd-signal-list li,.variation-4 .selected-area-panel,.variation-4 .selected-cell-list li,.variation-4 .crowd-signal-counts div{border-color:#d7e0de;border-radius:8px;background:#fff}.variation-4 .freshness-list li,.variation-4 .cell-list li,.variation-4 .crowd-signal-list li{border-left:4px solid #13a6a6}.variation-4 .cell-list li:nth-child(2n),.variation-4 .crowd-signal-list li:nth-child(2n){border-left-color:#d9468f}.variation-4 .freshness-list strong,.variation-4 .cell-list strong,.variation-4 .crowd-signal-list strong,.variation-4 .crowd-signal-counts dd{color:#182023}.variation-4 .freshness-list span,.variation-4 .cell-list span,.variation-4 .freshness-list small,.variation-4 .cell-list small,.variation-4 .crowd-signal-list small,.variation-4 .crowd-signal-heading span,.variation-4 .crowd-signal-counts dt{color:#536063}.variation-4 .area-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-4 .area-controls button,.variation-4 .rain-choice,.variation-4 .submit-report-button,.variation-4 .condition-toggles label{border-color:#cad4d2;border-radius:8px}.variation-4 .area-controls button,.variation-4 .rain-choice,.variation-4 .condition-toggles label{background:#fff;color:#182023}.variation-4 .area-controls button:hover,.variation-4 .area-controls button:focus-visible,.variation-4 .rain-choice:hover,.variation-4 .rain-choice:focus-visible{border-color:#13a6a6;background:#e5fbf8}.variation-4 .rain-choice[aria-pressed=true]{border-color:#d9468f;background:#d9468f;color:#fff}.variation-4 .submit-report-button{border-color:#13a6a6;background:#13a6a6;color:#061315}.variation-4 .submit-report-button:hover,.variation-4 .submit-report-button:focus-visible{background:#0b777b;color:#fff}.variation-4 .condition-toggles input{accent-color:#d9468f}.variation-4 .report-status{border-radius:8px}.variation-4 .notes-band{border-left:8px solid #d9468f}.variation-4 .budget-guard-popup{border-color:#d9468f;border-radius:8px;background:#fff7fb;box-shadow:0 12px 28px #d9468f24}@media(max-width:1020px){.variation-4 .status-strip,.variation-4 .workspace{grid-template-columns:1fr}.variation-4 .side-panel,.variation-4 .map-panel{order:initial}.variation-4 .map-canvas{min-height:460px}}@media(max-width:560px){.variation-4 .top-bar{align-items:stretch;box-shadow:inset 5px 0 #13a6a6}.variation-4 .status-strip{gap:8px}.variation-4 .map-canvas{min-height:360px}}.variation-5{background:linear-gradient(180deg,#f7fffc,#eef7f3 46%,#f8fbfa);color:#172522;padding:14px}.variation-5 .top-bar{align-items:center;border:1px solid #badbd0;border-radius:8px;background:#fff;box-shadow:0 12px 30px #17252214;padding:14px}.variation-5 .eyebrow,.variation-5 .metric-block span,.variation-5 .panel-section h2,.variation-5 .map-badge{color:#4b6b62}.variation-5 h1{color:#15221f;font-size:clamp(2rem,9vw,3.6rem)}.variation-5 .refresh-button,.variation-5 .submit-report-button{border-color:#123f39;background:#123f39;color:#fff;box-shadow:0 8px 18px #123f3929}.variation-5 .refresh-button:hover,.variation-5 .refresh-button:focus-visible,.variation-5 .submit-report-button:hover,.variation-5 .submit-report-button:focus-visible{background:#0b2f2a}.variation-5 .variation-nav{border-color:#c8e4db;background:#fafffd}.variation-5 .variation-arrow{border-color:#93cbc0;color:#123f39}.variation-5 .status-strip{grid-template-columns:repeat(5,minmax(128px,1fr));gap:8px;overflow-x:auto;padding-bottom:2px}.variation-5 .metric-block{border-color:#c7e2da;background:#fff;min-height:76px;padding:11px}.variation-5 .metric-block strong{color:#142522;font-size:1rem}.variation-5 .workspace{align-items:start;grid-template-columns:minmax(300px,.82fr) minmax(320px,1.18fr);gap:12px}.variation-5 .side-panel{order:-1;border-color:#95d7c9;background:#fff;box-shadow:0 18px 42px #123f391f;padding:14px}.variation-5 .report-panel{border:1px solid #39a58f;border-radius:8px;background:#f2fffb;margin:-2px;padding:14px}.variation-5 .report-heading{align-items:center}.variation-5 .privacy-chip{border-color:#ff8f7f;background:#fff2ef;color:#9a392d;white-space:nowrap}.variation-5 .rain-choice-group{grid-template-columns:repeat(4,minmax(0,1fr))}.variation-5 .rain-choice{border-color:#a8d6cc;background:#fff;color:#173831;min-height:42px}.variation-5 .rain-choice:hover,.variation-5 .rain-choice:focus-visible{background:#e6faf5}.variation-5 .rain-choice[aria-pressed=true]{border-color:#ff6f61;background:#ff6f61;color:#fff}.variation-5 .condition-toggles{grid-template-columns:repeat(3,minmax(0,1fr))}.variation-5 .condition-toggles label{border-color:#c9e5de;background:#fff;min-height:40px}.variation-5 .condition-toggles input{accent-color:#ff6f61}.variation-5 .report-status.muted{background:#e7f7f3;color:#31554d}.variation-5 .report-status.success{background:#ddf8ed;color:#0f513f}.variation-5 .report-status.error,.variation-5 .budget-guard-popup{background:#fff1ef;color:#8b2a22}.variation-5 .map-panel{border-color:#c9ddd8;background:#fbfefd;padding:12px}.variation-5 .map-header{border-bottom:1px solid #d8ebe6;margin-bottom:10px;padding-bottom:10px}.variation-5 .map-badge{border-color:#a7d4ca;background:#e9f8f4}.variation-5 .map-canvas{min-height:500px;border-color:#a9c8c0;background:linear-gradient(90deg,rgba(18,63,57,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(18,63,57,.1) 1px,transparent 1px),#e7f2ef;background-size:48px 48px}.variation-5 .map-tint{background:#f4fffb3d}.variation-5 .coast-line{border-left-color:#ff6f61a3}.variation-5 .rain-marker,.variation-5 .crowd-marker{border-color:#fff;box-shadow:0 8px 20px #1425223d}.variation-5 .crowd-marker{background:#123f39;outline-color:#ff6f61ad}.variation-5 .selected-area-marker{border-color:#ff6f61}.variation-5 .selected-area-marker span{background:#ff6f61}.variation-5 .area-controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.variation-5 .area-controls button{border-color:#a8d6cc;background:#fff;color:#173831;min-height:38px}.variation-5 .area-controls button:hover,.variation-5 .area-controls button:focus-visible{background:#e6faf5}.variation-5 .selected-area-panel,.variation-5 .freshness-list li,.variation-5 .cell-list li,.variation-5 .crowd-signal-list li,.variation-5 .crowd-signal-counts div{border-color:#d2e8e2;background:#fff}.variation-5 .panel-section+.panel-section{border-top-color:#d7e9e4}.variation-5 .notes-band{border-color:#d2e8e2;background:#fff}@media(max-width:1020px){.variation-5 .workspace{grid-template-columns:1fr}.variation-5 .side-panel{order:-1}.variation-5 .map-canvas{min-height:420px}}@media(max-width:700px){.variation-5{padding:10px}.variation-5 .top-bar,.variation-5 .map-header,.variation-5 .report-heading{align-items:stretch;flex-direction:column}.variation-5 .status-strip{grid-template-columns:repeat(5,minmax(136px,1fr))}.variation-5 .rain-choice-group,.variation-5 .condition-toggles,.variation-5 .area-controls,.variation-5 .selected-cell-list,.variation-5 .crowd-signal-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.variation-5 .map-canvas{min-height:340px}}@media(max-width:420px){.variation-5 .rain-choice-group,.variation-5 .condition-toggles,.variation-5 .area-controls{grid-template-columns:1fr}}.variation-6{background:linear-gradient(180deg,#fbfcfd,#eef3f1);color:#101918;padding:18px}.variation-6 .top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid #aebbb7;border-left:6px solid #0f7b54;border-radius:6px;background:#fff;padding:12px 14px}.variation-6 .eyebrow,.variation-6 .metric-block span,.variation-6 .panel-section h2,.variation-6 .map-badge{color:#4a5653}.variation-6 h1{color:#101918;font-size:clamp(1.9rem,5vw,3.2rem)}.variation-6 .refresh-button{border-color:#1e332f;background:#fff;color:#15231f;min-width:112px}.variation-6 .refresh-button:hover,.variation-6 .refresh-button:focus-visible{background:#eaf4ef}.variation-6 .variation-nav{border-color:#b8c4c0;border-radius:6px;background:#f6f8f7;min-height:48px}.variation-6 .variation-arrow{border-color:#9aa8a4;border-radius:4px}.variation-6 .budget-guard-popup{border-color:#b3261e;border-left:6px solid #b3261e;border-radius:6px;background:#fff7f5;box-shadow:none}.variation-6 .status-strip{grid-template-columns:repeat(5,minmax(132px,1fr));gap:8px}.variation-6 .metric-block{position:relative;border-color:#b8c4c0;border-radius:6px;background:#fff;min-height:82px;padding:12px 12px 12px 16px}.variation-6 .metric-block:before{position:absolute;top:10px;bottom:10px;left:6px;width:4px;border-radius:4px;background:#0f7b54;content:""}.variation-6 .metric-block:nth-child(2):before{background:#d99a00}.variation-6 .metric-block:nth-child(4):before,.variation-6 .metric-block:nth-child(5):before{background:#b3261e}.variation-6 .metric-block strong{color:#111c1a;font-size:1.05rem}.variation-6 .workspace{grid-template-columns:minmax(420px,1.45fr) minmax(340px,.9fr);gap:10px}.variation-6 .map-panel,.variation-6 .side-panel,.variation-6 .notes-band,.variation-6 .message-panel{border-color:#aebbb7;border-radius:6px;background:#fff;box-shadow:none}.variation-6 .map-panel{padding:12px}.variation-6 .map-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-bottom:1px solid #d7ddda;margin-bottom:10px;padding-bottom:10px}.variation-6 .map-header p{color:#4f5d59;margin-top:4px}.variation-6 .map-badge{border-color:#859691;border-radius:4px;background:#f3f6f5;color:#1e332f}.variation-6 .map-canvas{min-height:590px;border-color:#8fa09a;border-radius:4px;background:linear-gradient(90deg,rgba(16,25,24,.12) 1px,transparent 1px),linear-gradient(0deg,rgba(16,25,24,.12) 1px,transparent 1px),#edf2f0;background-size:44px 44px}.variation-6 .map-tint{background:#ffffff1f}.variation-6 .map-label{border:1px solid rgba(16,25,24,.18);border-radius:4px;background:#ffffffd1;color:#263532;padding:3px 5px}.variation-6 .coast-line{border-left-color:#0f7b5499}.variation-6 .rain-marker{border-color:#fff;box-shadow:0 6px 16px #10191847}.variation-6 .crowd-marker{border-color:#fff;background:#2f3d3a;outline-color:#d99a00bf}.variation-6 .selected-area-marker{border-color:#111c1a;background:#ffffffe6}.variation-6 .selected-area-marker span{background:#b3261e}.variation-6 .area-controls{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.variation-6 .area-controls button,.variation-6 .rain-choice,.variation-6 .submit-report-button{border-radius:4px;min-height:38px}.variation-6 .area-controls button,.variation-6 .rain-choice{border-color:#aebbb7;background:#fff;color:#172421}.variation-6 .area-controls button:hover,.variation-6 .area-controls button:focus-visible,.variation-6 .rain-choice:hover,.variation-6 .rain-choice:focus-visible{background:#eef5f1}.variation-6 .side-panel{display:grid;gap:10px;padding:12px}.variation-6 .panel-section+.panel-section{border-top-color:#cfd7d4;margin-top:0;padding-top:12px}.variation-6 .report-panel{border-bottom:3px solid #0f7b54;gap:10px}.variation-6 .report-heading{align-items:center}.variation-6 .privacy-chip{border-color:#96a39f;border-radius:4px;background:#f6f8f7;color:#33413e}.variation-6 .rain-choice-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.variation-6 .rain-choice[aria-pressed=true]{border-color:#b3261e;background:#b3261e;color:#fff}.variation-6 .condition-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.variation-6 .condition-toggles label{border-color:#c7d0cd;border-radius:4px;background:#fbfcfc;min-height:38px}.variation-6 .condition-toggles input{accent-color:#0f7b54}.variation-6 .submit-report-button{border-color:#0f7b54;background:#0f7b54;color:#fff}.variation-6 .submit-report-button:hover,.variation-6 .submit-report-button:focus-visible{background:#0a5f40}.variation-6 .report-status{border-radius:4px}.variation-6 .report-status.muted{background:#f3f6f5;color:#33413e}.variation-6 .report-status.success{background:#e3f4ea;color:#0a5f40}.variation-6 .report-status.error{background:#fff4ed;color:#8f2b14}.variation-6 .freshness-list,.variation-6 .cell-list,.variation-6 .crowd-signal-list{gap:6px}.variation-6 .freshness-list li,.variation-6 .cell-list li,.variation-6 .crowd-signal-list li,.variation-6 .selected-area-panel,.variation-6 .selected-cell-list li,.variation-6 .crowd-signal-counts div{border-color:#cbd4d1;border-radius:4px;background:#fbfcfc}.variation-6 .freshness-list li,.variation-6 .cell-list li,.variation-6 .crowd-signal-list li{border-left:4px solid #d99a00;padding:9px}.variation-6 .cell-list li{border-left-color:#b3261e}.variation-6 .crowd-signal-list li{border-left-color:#0f7b54}.variation-6 .crowd-signal-counts{gap:4px}.variation-6 .notes-band{border-left:6px solid #d99a00;padding:12px 14px}@media(max-width:1080px){.variation-6 .workspace{grid-template-columns:1fr}.variation-6 .map-canvas{min-height:460px}}@media(max-width:720px){.variation-6{padding:10px}.variation-6 .top-bar,.variation-6 .map-header,.variation-6 .report-heading{grid-template-columns:1fr;align-items:stretch}.variation-6 .status-strip,.variation-6 .rain-choice-group,.variation-6 .condition-toggles,.variation-6 .area-controls,.variation-6 .selected-cell-list,.variation-6 .crowd-signal-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.variation-6 .map-canvas{min-height:360px}}@media(max-width:420px){.variation-6 .status-strip,.variation-6 .rain-choice-group,.variation-6 .condition-toggles,.variation-6 .area-controls{grid-template-columns:1fr}}.variation-7{--v7-ink: #17201d;--v7-muted: #5d6965;--v7-line: #cbd5d1;--v7-soft-line: #e4eae7;--v7-paper: #ffffff;--v7-field: #f6f8f7;--v7-emerald: #087f5b;--v7-emerald-strong: #05684b;--v7-cyan: #087f9f;--v7-red: #c92a2a;--v7-amber: #d68100;--v7-shadow: 0 18px 40px rgba(23, 32, 29, .08);color:var(--v7-ink);background:linear-gradient(90deg,rgba(8,127,91,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(8,127,159,.04) 1px,transparent 1px),#f7f9f8;background-size:40px 40px;padding:18px}.variation-7 .top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid var(--v7-line);border-radius:8px;background:#fffffff0;box-shadow:var(--v7-shadow);padding:14px 16px}.variation-7 .eyebrow,.variation-7 .metric-block span,.variation-7 .panel-section h2,.variation-7 .map-badge{color:var(--v7-muted);font-size:.68rem;letter-spacing:0}.variation-7 h1{color:#101815;font-size:clamp(1.85rem,4vw,3rem);line-height:.95}.variation-7 h2{color:var(--v7-ink)}.variation-7 .refresh-button,.variation-7 .variation-arrow,.variation-7 .area-controls button,.variation-7 .rain-choice,.variation-7 .submit-report-button{border-radius:6px;min-height:40px}.variation-7 .refresh-button{border-color:var(--v7-ink);background:var(--v7-ink);color:#fff;box-shadow:0 10px 24px #17201d2e}.variation-7 .refresh-button:hover,.variation-7 .refresh-button:focus-visible{background:#24312d}.variation-7 .budget-guard-popup{border-color:#c92a2a73;background:#fff8f7;color:#8f1f1f}.variation-7 .variation-nav{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;border:0;border-radius:8px;background:transparent;margin-top:12px;padding:0}.variation-7 .variation-nav div{border:1px solid var(--v7-line);border-radius:6px;background:#ffffffdb;padding:7px 12px}.variation-7 .variation-nav span{color:var(--v7-cyan);font-size:.66rem}.variation-7 .variation-nav strong{color:var(--v7-ink);font-size:.92rem}.variation-7 .variation-arrow{border-color:var(--v7-line);background:#fff;color:var(--v7-ink)}.variation-7 .variation-arrow:hover,.variation-7 .variation-arrow:focus-visible{border-color:var(--v7-cyan);background:#effcff}.variation-7 .status-strip{grid-template-columns:repeat(4,minmax(150px,1fr));gap:0;border:1px solid var(--v7-line);border-radius:8px;background:var(--v7-paper);box-shadow:var(--v7-shadow);overflow:hidden}.variation-7 .metric-block{border:0;border-right:1px solid var(--v7-soft-line);border-radius:0;background:linear-gradient(180deg,#fff,#fafcfa);min-height:76px;padding:13px 14px}.variation-7 .metric-block:last-child{border-right:0}.variation-7 .metric-block strong{color:var(--v7-ink);font-size:1.02rem;line-height:1.22;margin-top:8px}.variation-7 .workspace{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:14px;align-items:start}.variation-7 .map-panel,.variation-7 .side-panel,.variation-7 .notes-band,.variation-7 .message-panel,.variation-7 .fallback-report .report-panel{border-color:var(--v7-line);border-radius:8px;background:#fffffff5;box-shadow:var(--v7-shadow)}.variation-7 .map-panel{grid-column:2;grid-row:1;padding:12px}.variation-7 .side-panel{grid-column:1;grid-row:1;max-height:calc(100vh - 210px);overflow:auto;padding:12px}.variation-7 .map-header{align-items:center;border-bottom:1px solid var(--v7-soft-line);margin:-2px -2px 10px;padding:2px 2px 10px}.variation-7 .map-header p,.variation-7 .notes-band p,.variation-7 .empty-copy{color:var(--v7-muted)}.variation-7 .map-badge,.variation-7 .privacy-chip{border-color:#087f9f52;border-radius:999px;background:#f0fbfd;color:var(--v7-cyan)}.variation-7 .map-canvas{min-height:610px;border-color:#aebbb6;border-radius:6px;background:linear-gradient(90deg,rgba(23,32,29,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(23,32,29,.08) 1px,transparent 1px),linear-gradient(135deg,#087f5b29,#087f9f1a 44%,#fff6),#eef3f0;background-size:42px 42px,42px 42px,auto,auto}.variation-7 .osm-tile-layer{filter:grayscale(1) contrast(1.03) brightness(1.04)}.variation-7 .map-tint{background:radial-gradient(circle at 72% 18%,rgba(8,127,159,.16),transparent 34%),linear-gradient(180deg,#ffffff42,#f6f8f714)}.variation-7 .coast-line{border-left-color:#087f5b94;border-left-width:4px}.variation-7 .map-label{border:1px solid rgba(203,213,209,.88);border-radius:4px;background:#ffffffd6;color:#33413c;padding:4px 7px}.variation-7 .rain-marker,.variation-7 .crowd-marker{border-color:#fff;box-shadow:0 8px 20px #10181547}.variation-7 .rain-marker{width:42px;height:42px}.variation-7 .crowd-marker{border-radius:6px;background:var(--v7-ink);outline-color:#087f9f99}.variation-7 .intensity-none{background:#697773}.variation-7 .intensity-light{background:var(--v7-emerald)}.variation-7 .intensity-moderate{background:var(--v7-amber)}.variation-7 .intensity-heavy{background:var(--v7-red)}.variation-7 .intensity-unknown{background:#516178}.variation-7 .selected-area-marker{border-color:var(--v7-ink);background:#fff}.variation-7 .selected-area-marker span{background:var(--v7-cyan)}.variation-7 .area-controls{position:sticky;z-index:7;bottom:12px;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(203,213,209,.92);border-radius:8px;background:#ffffffe6;box-shadow:0 14px 34px #17201d1f;margin:-60px 14px 16px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.variation-7 .area-controls button{border-color:transparent;background:var(--v7-field);color:var(--v7-ink)}.variation-7 .area-controls button:hover,.variation-7 .area-controls button:focus-visible{background:#e8f7f3;color:var(--v7-emerald-strong)}.variation-7 .selected-area-panel{border-color:var(--v7-soft-line);border-radius:8px;background:#fbfdfc}.variation-7 .panel-section+.panel-section{border-top-color:var(--v7-soft-line);margin-top:14px;padding-top:14px}.variation-7 .freshness-list,.variation-7 .cell-list,.variation-7 .crowd-signal-list{gap:8px}.variation-7 .freshness-list li,.variation-7 .cell-list li,.variation-7 .crowd-signal-list li,.variation-7 .selected-cell-list li{border-color:var(--v7-soft-line);border-radius:6px;background:#fbfdfc;padding:9px}.variation-7 .freshness-list strong,.variation-7 .cell-list strong,.variation-7 .crowd-signal-list strong,.variation-7 .selected-cell-list strong{color:var(--v7-ink)}.variation-7 .crowd-signal-counts{gap:5px}.variation-7 .crowd-signal-counts div{border-color:var(--v7-soft-line);border-radius:6px;background:#fff}.variation-7 .report-panel{gap:10px}.variation-7 .rain-choice-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.variation-7 .rain-choice{border-color:var(--v7-soft-line);background:#fff;color:var(--v7-ink);font-size:.82rem}.variation-7 .rain-choice:hover,.variation-7 .rain-choice:focus-visible{border-color:var(--v7-cyan);background:#effcff}.variation-7 .rain-choice[aria-pressed=true]{border-color:var(--v7-emerald);background:var(--v7-emerald);color:#fff}.variation-7 .condition-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.variation-7 .condition-toggles label{border-color:var(--v7-soft-line);border-radius:6px;background:var(--v7-field);font-size:.84rem}.variation-7 .condition-toggles input{accent-color:var(--v7-emerald)}.variation-7 .submit-report-button{border-color:var(--v7-emerald);background:var(--v7-emerald)}.variation-7 .submit-report-button:hover,.variation-7 .submit-report-button:focus-visible{background:var(--v7-emerald-strong)}.variation-7 .report-status{border:1px solid transparent;border-radius:6px}.variation-7 .report-status.muted{border-color:var(--v7-soft-line);background:var(--v7-field)}.variation-7 .report-status.success{border-color:#087f5b47;background:#e9f8f3;color:var(--v7-emerald-strong)}.variation-7 .report-status.error,.variation-7 .message-panel.error{border-color:#c92a2a47;background:#fff4f4;color:#8f1f1f}.variation-7 .notes-band{padding:12px 14px}@media(max-width:1100px){.variation-7 .status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.variation-7 .metric-block:nth-child(2n){border-right:0}.variation-7 .workspace{grid-template-columns:1fr}.variation-7 .map-panel,.variation-7 .side-panel{grid-column:auto;grid-row:auto}.variation-7 .side-panel{max-height:none;order:2}}@media(max-width:700px){.variation-7{padding:12px}.variation-7 .top-bar{grid-template-columns:1fr;align-items:stretch}.variation-7 .status-strip,.variation-7 .rain-choice-group,.variation-7 .condition-toggles,.variation-7 .area-controls{grid-template-columns:1fr}.variation-7 .metric-block,.variation-7 .metric-block:nth-child(2n){border-right:0;border-bottom:1px solid var(--v7-soft-line)}.variation-7 .metric-block:last-child{border-bottom:0}.variation-7 .map-header{align-items:stretch}.variation-7 .map-canvas{min-height:420px}.variation-7 .area-controls{position:relative;bottom:auto;margin:10px 0 0}}@media(max-width:560px){.design-variation{max-width:100vw;overflow-x:hidden}.design-variation .top-bar,.design-variation .variation-nav,.design-variation .status-strip,.design-variation .workspace,.design-variation .map-panel,.design-variation .side-panel,.design-variation .report-panel,.design-variation .map-header,.design-variation .report-heading,.design-variation .budget-guard-popup{min-width:0;max-width:100%}.design-variation .status-strip,.design-variation .workspace,.design-variation .rain-choice-group,.design-variation .condition-toggles,.design-variation .area-controls,.design-variation .selected-cell-list,.design-variation .crowd-signal-counts,.design-variation .budget-guard-popup{grid-template-columns:1fr}.design-variation .map-header,.design-variation .report-heading{align-items:stretch;flex-direction:column}.design-variation .refresh-button,.design-variation .map-badge,.design-variation .privacy-chip,.design-variation .rain-choice,.design-variation .submit-report-button,.design-variation .area-controls button{max-width:100%;white-space:normal;overflow-wrap:anywhere}}