*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI","Noto Sans Devanagari",sans-serif;color:#102746;background:#dff2fb}body{padding-bottom:86px;background:radial-gradient(circle at 18% 0,#f8fdff 0,#dff3fc 35%,#cae7f3 100%);background-attachment:fixed}button{font:inherit}.app{width:min(100%,920px);margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.brand{display:flex;gap:11px;align-items:center}.brand img{width:54px;height:54px;border-radius:16px;box-shadow:0 8px 20px #245b7b22}.brand h1{margin:0;font-size:25px;line-height:1}.brand small{display:block;color:#52748b;font-weight:800;margin-top:5px}.pillBtn{border:1px solid #d1e5ef;background:#fff;color:#12304c;border-radius:999px;padding:11px 15px;font-weight:900;box-shadow:0 8px 20px #315d7620}.hero{border-radius:31px;padding:23px;color:#fff;background:linear-gradient(155deg,#2c8fc7 0,#1e79ad 55%,#176c7d 100%);box-shadow:0 16px 38px #236c9130;overflow:hidden}.stripe{height:6px;border-radius:99px;background:linear-gradient(90deg,#003893 0 45%,#fff 45% 55%,#dc143c 55%);margin-bottom:20px}.heroTop{display:flex;justify-content:space-between;gap:10px;font-weight:900}.temp{font-size:78px;font-weight:300;line-height:1;margin:26px 0 3px}.hero h2{margin:0;font-size:27px}.hero p{margin:8px 0;color:#e8f7ff}.rainTiming{margin:13px 0 0;padding:10px 12px;border:1px solid #ffffff3f;border-radius:14px;background:#073d5f38;color:#f7fdff;font-size:13px;font-weight:850;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff18}.weatherGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid #ffffff35}.weatherGrid b{display:block;font-size:18px}.weatherGrid small{color:#d7eef8;font-weight:800}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.action{border:1px solid #cfe4ef;background:#fff;color:#12304b;border-radius:18px;padding:14px;font-weight:900;box-shadow:0 8px 22px #275f7b18;cursor:pointer}.action.alert{background:#fff5f6;border-color:#ffc6ce;color:#a92739}.action.on{background:#e9fff5;border-color:#a5e2c5;color:#11764d}.outsideNotice{display:flex;flex-direction:column;gap:5px;border-radius:22px;padding:15px 16px;margin-top:12px;background:linear-gradient(135deg,#eff9ff,#e4f2fb);border:1px solid #9fcde8;color:#28556f;box-shadow:0 10px 25px #28618417}.outsideNotice strong{font-size:17px;color:#164b70}.outsideNotice span{line-height:1.45;font-size:13px}.card{background:#ffffffee;border:1px solid #cfe5ef;border-radius:25px;padding:17px;margin-top:14px;box-shadow:0 11px 28px #2f698519}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.head h3{margin:0;font-size:20px}.muted,.fresh{color:#648297;font-size:12px;font-weight:750;margin-top:4px}.badge{border-radius:99px;padding:6px 9px;font-size:10px;font-weight:950;background:#edf7fc;color:#1774ae;white-space:nowrap}.badge.green{background:#e9fff5;color:#12805a}.badge.red{background:#fff0f2;color:#c62d42}.badge.amber{background:#fff8e9;color:#ae7412}.risk{font-size:34px;font-weight:950;margin:14px 0 2px}.risk.normal{color:#168a60}.risk.watch{color:#c88715}.risk.warning{color:#df6f1f}.risk.danger{color:#d42f43}.risk.unknown{color:#55758b}.stationBox{display:grid;gap:8px;margin-top:13px}.station{border:1px solid #d8eaf3;background:#f6fbfe;border-radius:17px;padding:12px;cursor:pointer}.station strong{display:block}.station span{display:block;margin-top:4px;color:#5f7d92;font-size:12px}.levelRow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.stat{background:#f3f9fc;border:1px solid #daeaf2;border-radius:16px;padding:11px;text-align:center}.stat b{display:block;font-size:22px}.stat small{color:#67849a;font-size:11px;font-weight:800}.impactEvent{margin-top:13px;padding:12px 13px;border-radius:16px;background:#f5faff;border:1px solid #d9eaf3;font-weight:900;color:#234f6d}.impactGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.impactStat{background:#f3f9fc;border:1px solid #daeaf2;border-radius:16px;padding:12px 8px;text-align:center}.impactStat b{display:block;font-size:26px}.impactStat small{display:block;color:#67849a;font-size:10px;font-weight:850;margin-top:3px}.impactSource{margin-top:7px;padding-top:6px;border-top:1px solid #d8e8f0;color:#638096;font-size:9.5px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}.impactSource a{color:#1677b3;text-decoration:none;font-weight:900}.impactSource a:hover{text-decoration:underline}.impactStat.dead b{color:#d42f43}.impactStat.missing b{color:#c88715}.impactStat.found b{color:#168a60}.mapCard{padding:0;overflow:hidden;scroll-margin-top:12px;scroll-margin-bottom:105px}.mapHead{padding:17px}.mapTools{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.mapTools button{border:1px solid #cfe4ef;background:#fff;color:#12304b;border-radius:13px;padding:8px 11px;font-weight:900;cursor:pointer;box-shadow:0 5px 15px #2d658112}.mapCanvas{height:390px;position:relative;background:radial-gradient(circle at 50% 48%,#fbfeff,#dbeff6 62%,#c3e0ec);overflow:hidden;touch-action:manipulation}.mapCanvas svg{width:100%;height:100%;display:block;user-select:none}.district{fill:#dcefe7;stroke:#fff;stroke-width:1.1;vector-effect:non-scaling-stroke;cursor:crosshair}.district:nth-child(3n){fill:#cde8f2}.district:nth-child(3n+1){fill:#e5edcf}.district:hover{filter:brightness(.97)}.riverFlow{fill:none;stroke:#31a9dd;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:9 10;animation:flow 1.2s linear infinite;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:stroke}.riverFlow.watch{stroke:#e0a52a}.riverFlow.warning{stroke:#ef7d24}.riverFlow.danger{stroke:#dc3549;stroke-width:4}.riverFlow.unknown{stroke:#718b9b}.gauge{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;cursor:pointer}.gauge.normal{fill:#1fa474}.gauge.watch{fill:#e0a52a}.gauge.warning{fill:#ef7d24}.gauge.danger{fill:#dc3549}.gauge.unknown{fill:#718b9b}.userDot,.focusPin{fill:#0b7fd0;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;pointer-events:none}.focusRing{fill:none;stroke:#0b7fd0;stroke-width:2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none;animation:ring 1.8s linear infinite}@keyframes ring{to{stroke-dashoffset:-20}}@keyframes flow{to{stroke-dashoffset:-38}}.mapHint{position:absolute;left:12px;right:12px;bottom:12px;background:#ffffffef;border:1px solid #cfe2ed;border-radius:18px;padding:11px 13px;font-size:12px;color:#547389;box-shadow:0 8px 22px #244f661a;pointer-events:none}.riverDetail{margin:0 17px 17px;padding:13px;border-radius:17px;background:#f4faff;border:1px solid #d6e8f2;color:#52758d;line-height:1.5}.newsList{display:grid;gap:9px;margin-top:12px}.newsItem{border:1px solid #d8eaf3;background:#f8fcfe;border-radius:17px;padding:13px}.newsItem h4{margin:0 0 6px;font-size:15px;line-height:1.35}.newsItem .meta{font-size:11px;color:#668399}.newsItem a{color:#1477b8;text-decoration:none;font-weight:850}.empty{padding:15px;border:1px dashed #c8dfea;border-radius:16px;color:#668399}.bottom{position:fixed;z-index:50;left:50%;bottom:9px;transform:translateX(-50%);width:min(calc(100% - 18px),620px);display:grid;grid-template-columns:repeat(3,1fr);background:#ffffffef;backdrop-filter:blur(16px);border:1px solid #d0e3ed;border-radius:24px;padding:8px;box-shadow:0 14px 34px #285a741f}.bottom a{text-decoration:none;text-align:center;color:#5d7b91;font-size:11px;font-weight:850;padding:8px 4px;border-radius:16px}.bottom a.active{background:#eaf6fc;color:#147abd}.bottom span{display:block;font-size:21px;margin-bottom:2px}.alarmBanner{display:none;border-radius:22px;padding:16px;margin-top:14px;background:linear-gradient(135deg,#fff0f2,#ffe3e7);border:2px solid #ef8a98;color:#922238;box-shadow:0 12px 28px #b9364c22}.alarmBanner.show{display:block;animation:pulseBox 1.3s ease-in-out infinite}.alarmBanner h3{margin:0 0 6px;font-size:22px}@keyframes pulseBox{50%{transform:scale(1.008);box-shadow:0 0 0 5px #ef8a9822}}@media(min-width:760px){.app{padding:24px}.dashboard{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dashboard .card{margin-top:0}.mapCanvas{height:500px}.hero{padding:28px}.temp{font-size:92px}}@media(max-width:520px){.app{padding:14px}.brand h1{font-size:22px}.brand img{width:50px;height:50px}.temp{font-size:70px}.hero{padding:20px}.actions{grid-template-columns:1fr}.mapCanvas{height:350px}.levelRow,.impactGrid{grid-template-columns:repeat(3,1fr);gap:6px}.stat,.impactStat{padding:9px 5px}.stat b{font-size:19px}.impactStat b{font-size:21px}.stat small,.impactStat small{font-size:9px}.impactSource{font-size:8.5px}.top .pillBtn{padding:10px 12px}.mapTools button{flex:1}.rainTiming{font-size:12px;padding:9px 10px}}