: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}.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}.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)}.map-label{position:absolute;z-index:1;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:2;width:44px;height:44px;border-radius:50%}.crowd-marker{z-index:3;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:3;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}.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}