html,body{box-sizing:border-box;background-color:#dffaff;max-width:100vw;min-height:100dvh;margin:0;overflow-x:clip}button,select{color:#000}a{color:var(--primary);text-decoration:none}a:hover{filter:brightness(1.2)}:root{--defaultFontSize:3.2vw;--riverRatingSize:2vw;--riverNameWidth:21%;--riverSectionWidth:30%;--riverSkillWidth:8%;--riverClassWidth:10%;--riverFlowWidth:26%;--riverStateWidth:4%;--displayRatingSpan:none;--surface:#fff;--surface-hover:#f8fafc;--text:#1e293b;--text-secondary:#475569;--border:#e2e8f0;--alert-bg:#eff6ff;--alert-border:#bfdbfe;--primary:#3b82f6;--success:#10b981;--success-bg:#dcfce7;--success-text:#166534;--danger:#ef4444;--danger-bg:#fee2e2;--danger-text:#b91c1c;--warning:#f59e0b;--warning-bg:#fffbeb;--warning-text:#b45309;--text-muted:#64748b}@media screen and (min-width:550px){:root{--riverNameWidth:17%;--riverSectionWidth:34%;--riverSkillWidth:6%;--riverClassWidth:9%;--riverFlowWidth:24%;--riverStateWidth:7%;--displayRatingSpan:inline-block}}@media screen and (max-width:370px){:root{--defaultFontSize:3.48vw}}@media screen and (max-width:309px){:root{--defaultFontSize:5.3vw;--riverRatingSize:3.5vw;--riverNameWidth:40%;--riverSectionWidth:60%;--riverSkillWidth:8%;--riverClassWidth:20%;--displayRatingSpan:inline-block}}@media screen and (min-width:500px){:root{--defaultFontSize:2.8vw;--riverRatingSize:var(--defaultFontSize)}}@media screen and (min-width:550px){:root{--defaultFontSize:2.4vw}}@media screen and (min-width:650px){:root{--defaultFontSize:2.2vw}}@media screen and (min-width:800px){:root{--defaultFontSize:2vw;--riverSkillWidth:9%;--riverFlowWidth:21%}}@media screen and (min-width:900px){:root{--defaultFontSize:1.85vw}}@media screen and (min-width:1000px){:root{--defaultFontSize:1.7vw}}@media screen and (min-width:1100px){:root{--defaultFontSize:1.55vw}}@media screen and (min-width:1250px){:root{--defaultFontSize:1.4vw}}@media screen and (min-width:1350px){:root{--defaultFontSize:1.3vw}}@media screen and (min-width:1500px){:root{--defaultFontSize:1.2vw}}@media screen and (min-width:1750px){:root{--defaultFontSize:21px}}.graph{border:1px solid #000;width:auto;max-width:95vw;height:80vw;max-height:75vh;margin:auto}@font-face{font-family:Noto Sans HK;font-style:normal;font-weight:400;src:url(data:font/woff2;charset=utf-8;base64,d09GMk9UVE8AAAS8AAwAAAAAB3AAAARyAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYYfBmAOCABsATYCJAMMBAYFg3AHIBckGAwbngbIxIfezXqTMKFXUuXYs0pqhtiq0FV6KojVwtF0XWqyvyciMsAg//+949rat3AsDSzl9vu3sTbOZZ0vFgc0xrY+YBhg4JSWbTW1MLxcFk6VDIFOB0KIcZOqqWf6+gc613ecEYoM9voSUwdOryBDFWR4WK6qIEcI2EcF9jHx2EEdb5XF3O7crZWAIe6W60vpqFxdCeRfk2vpJQtLrHeF3ABso1xPSi2DnpCLL9+1f+i6J1aq8W2JWCSqKXarzdkOmuu1ecryoOoPKc1RTYsvsFi2bNli9o1qzAG1z9JiVq5zoRIbUHyKlvAFQ33qbI+ihhWPqkZ6Q8ra/oBZVNxKQulcr7iusfLgY6wNhvq1mLbttsfrWBXrj/h92sD0Bzyh/lAiFgAIFQjtJCIEgIAAFAIhJZUVZERurIBSCQjflFeQ0R6l4gtEsRxUAMFZGCdVZAUJc/mx1B/fn/9Y+R+PpboeMz74B5dNqXvTO7P3Ssn6zKUm/nayg6ZKJX535hyT8UPmcrPP67NWvymoZm9nOmjWmvqDWKaD/zfFG9IF5K60VUyfkxw0jfO/9Vxg39IjEhf4t5T/fURid3AfF/n3Y0PsHhZk9/Pd2vA4X/HfK/075n2m7cSI5knrJdEDi4N9S/rc0tJ/dyS/ilH8zdYjdxcLsLh6emuSUfUONV3Ynu2hohhrf1K9i7Mps7TEZJ34/TFmX9CzzXP8rHZWua32OeSjzSsauPyboMb3zLN5e8wxfcG/NsU3b/7niL20MvPU/59O0eHW6ibCv2Zcis6XvX5G5EreTV7KVIxL/KXkq/ylzKi12y0+nPmPPm/jK5JX8y8yVfOWQxH7KnMp+Sipv7svhD5TMg8PSa4VvGm6Zvk6Wbzl+nVw0Ipeld574v4mPSWy6Zsc9hfcY7vlElu/5xFdAFD8kE6BoEIaE8wCsL6XIJbCT1X2CgSJyLlM6L3u8Xg+WNdI2vRjPHwV0R4lyWTnRm4hQLXxmvAqkT8YmxlcbxBRV0EBIKeStgg7NFOkQgdAotenzeaCRtkkq9lHm3exGRQSyNjT3cEGOAI0SIgRoM3jbmVVHPiUACdFhvrRk0X8Fovjj6uSH5L07TF1mDv/RENeXhiAYnFy/NfflUyzLzMl+ZIifUxMtI+KPCKIRDbjCWdH1N2SBAoTPZ9GdwICfNLcigpNJqUhAMRFEItbg0V6dLKII4jyRhHo43y2GE0AUGjTEsQAWWDCAABKIIQ4NHDMG3u2FGSoSiMACL9ZgAzZBhQYVZ8KHfsh2Yj06cAZC6wfRCx8SOAchJPZFKvIV2GGGNfYtRFRDYBZtJs3mMcNGNJf5ffChB6ENxWGEsBWhvZELw91wwYX5cBxv+h544YUHC6/sVwuxHKvgxQqsntXsaVIICuGms5dbYYMT7a28C83z+csRhAr/tRI1P1fYEofM8Mlgvv9MHyxo8XrxOxiYPwA7olxSCvJvTv6CuHl39kIiUIFaYCEWog52)format("woff2")}.emptyStars,.fullStars{font-family:Noto Sans HK,Arial,Helvetica,sans-serif;font-size:var(--riverRatingSize);margin:0;padding:0;display:inline-block;overflow:hidden}.fullStars{color:#ff0;position:absolute;top:0;left:0}.notificationsContainer{text-align:center;margin-bottom:.5em;font-size:16px}.minimum{width:90px;font-weight:700}.maximum{width:110px;font-weight:700}#calculateCoordinates{background-color:#90ee90;border:none;border-radius:5px;padding:4px}.riverWriteup{overflow-wrap:anywhere;word-break:break-word}.riverWriteup pre{white-space:pre-wrap}.riverWriteup img{max-width:98vw}.emptyStars{position:static;top:0;left:0}.oldDataWarning,#topOldDataWarning{text-align:center;color:#000;background-color:#ff0;line-height:2em}.searchcontain{margin-bottom:18px;margin-left:4px}#searchimg{vertical-align:middle;width:auto;max-width:43px;height:auto;display:inline-block}@media (max-width:400px){.searchcontain{text-align:center}#searchimg{display:none}}#advancedsearch{vertical-align:middle;display:inline-block}.tempButton,.flowButton,.precipButton{color:#fff;border:0;min-width:20vw;padding:8px;font-size:16px}@media screen and (min-width:600px){.tempButton,.flowButton,.precipButton{font-size:calc(var(--defaultFontSize) * 1.2)}}.flowButton{background-image:linear-gradient(90deg,#0af,#00f)}.tempButton{background-image:linear-gradient(90deg,red,#00f)}.precipButton{background-color:#07b}#searchbox{font-size:16px}#searchbox::placeholder{font-weight:700}#legend{z-index:10;color:#000;width:100%;font-size:calc(var(--defaultFontSize) * 1.15);line-height:calc(var(--defaultFontSize) * 1.55);background-color:#dffaff;font-weight:700;display:block;position:sticky;top:0}#lowflow{width:18.5%}#highflow{width:19.5%;margin-left:-1%}#midflow{text-align:center;width:20%;padding-bottom:calc(var(--defaultFontSize)*.25)}#toolow,#toohigh{width:20%}#toohigh{position:absolute;right:2px}#toolow{padding-left:2px}#toohigh,#highflow{text-align:right}#legend>span{min-height:60%;display:inline-block}#legend:after{content:"Stripes = Has Dam";text-align:center;line-height:calc(var(--defaultFontSize) * 1.3);font-size:calc(var(--defaultFontSize) * .9);background-image:repeating-linear-gradient(150deg,#0000,#0000,#0000001a,#0000,#0000,#0000 16%);height:40%;display:block}.riverspan{margin:0;display:inline-block}.riverspan:first-child{width:var(--riverNameWidth);min-width:var(--riverNameWidth);max-width:var(--riverNameWidth)}.riverspan:nth-child(2){width:var(--riverSectionWidth);min-width:var(--riverSectionWidth);max-width:var(--riverSectionWidth)}.skillspan{width:var(--riverSkillWidth);min-width:var(--riverSkillWidth);max-width:var(--riverSkillWidth)}.statespan{width:var(--riverStateWidth);min-width:30px;max-width:var(--riverStateWidth);text-align:left;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;padding-right:4px;display:none;overflow:hidden}@media screen and (min-width:550px){.statespan{display:inline-block}}#topbar .riverspan:nth-child(2){width:calc(var(--riverSectionWidth) - 1%);min-width:calc(var(--riverSectionWidth) - 1%);max-width:calc(var(--riverSectionWidth) - 1%)}#topbar .skillspan{width:calc(var(--riverSkillWidth) + 1%);min-width:calc(var(--riverSkillWidth) + 1%);max-width:calc(var(--riverSkillWidth) + 1%);margin-left:-1%;margin-right:1%}.classspan{width:var(--riverClassWidth);min-width:var(--riverClassWidth);max-width:var(--riverClassWidth)}.flowspan{width:var(--riverFlowWidth);min-width:var(--riverFlowWidth);max-width:var(--riverFlowWidth);margin-left:1%;font-family:BlinkMacSystemFont,Noto Sans HK,Arial,Helvetica,sans-serif}@media screen and (min-width:550px){#topbar .skillspan{margin-left:-1%;margin-right:1%}}@media screen and (min-width:800px){#topbar .riverspan:nth-child(2){width:var(--riverSectionWidth);min-width:var(--riverSectionWidth);max-width:var(--riverSectionWidth)}#topbar .skillspan{width:var(--riverSkillWidth);min-width:var(--riverSkillWidth);max-width:var(--riverSkillWidth);margin-left:0;margin-right:0}}.favspan{cursor:pointer;flex-shrink:0;margin-left:auto;padding-right:2px;font-size:1.2em}@media screen and (min-width:550px){.favspan{padding-right:8px}}@media screen and (max-width:309px){.flowspan{margin-left:2%}.riverbutton{flex-wrap:wrap}h1{font-size:18vw}#topbar>.classspan,#topbar>.skillspan{width:auto!important;min-width:none!important;max-width:none!important}}.tooltip{border-bottom:1px dotted;display:inline-block;position:relative}.tooltip .tooltiptext{visibility:hidden;white-space:nowrap;color:#fff;text-align:center;z-index:3;background-color:#000;border-radius:6px;padding:5px 4px;position:absolute;top:-5px;left:155%}.tooltip .tooltiptext:after{content:"";border:5px solid #0000;border-right-color:#000;margin-top:-5px;position:absolute;top:50%;right:100%}.tooltip:hover .tooltiptext{visibility:visible}.tooltip-bottom .tooltiptext{top:120%;left:50%;transform:translate(-50%)}.tooltip-bottom .tooltiptext:after{border:5px solid #0000;border-bottom-color:#000;margin-top:0;margin-left:-5px;top:auto;bottom:100%;left:50%;right:auto}.riverbutton{text-align:left;border:0;align-items:center;width:100%;margin:0;transition:all .2s;display:flex}.riverbutton:nth-child(2n){background-color:#f4f4f4}.riverbutton:nth-child(odd){background-color:#f7f7f7}.riverbutton:hover{filter:saturate(1.5)brightness(.9)}.riverbuttonDam{background-image:repeating-linear-gradient(150deg,#0000,#0000,#0000001a,#0000,#0000,#0000 16%)}.riverbuttonGauge:nth-child(2n){background-color:#f0bdf9!important}.riverbuttonGauge:nth-child(odd){background-color:#f5bdff!important}.riverbutton:focus{outline:0}.riverbutton{font-size:var(--defaultFontSize);min-height:32px}@media screen and (max-width:370px){.riverbutton{padding-left:4px;padding-right:0}}@media screen and (max-width:499px){#topbar>.skillspan{width:auto!important;min-width:none!important;max-width:none!important}}#topbar{background-color:#7f7;border:0;width:100%;padding:10px}#topbar:hover{background-color:#7f7}.center{text-align:center}.gaugesBelow{text-align:center!important;background-color:#e06af4!important}.mapButton{background-color:#efefef;border-radius:2000px;width:50vw;margin:1vh 1vh 1vh 25vw;padding:8px}.riverMap{height:80vh}.popup-bubble{color:#000;background-color:#fff;border-radius:5px;max-height:50vh;padding:5px;font-family:sans-serif;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(-50%,-100%);box-shadow:0 2px 10px 1px #00000080}.popup-bubble-anchor,.tooltip-bubble-anchor{width:100%;position:absolute;bottom:8px;left:0}.tooltip-bubble-anchor{bottom:2px}.popup-bubble-anchor:after{content:"";border-top:8px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:0;left:0;transform:translate(-50%)}.popup-container{cursor:auto;width:200px;height:0;position:absolute}.mapPopupCloseButton{float:right}.popup-bubble .graph{max-width:60vw;height:45vh}@media (orientation:portrait){#legend{top:var(--safe-area-inset-top,env(safe-area-inset-top,0px))}}.dark-theme,.dark-theme body{color:#ddd;--surface:#1e293b;--surface-hover:#0f172a;--text:#f8fafc;--text-secondary:#cbd5e1;--border:#334155;--alert-bg:#0f172a;--alert-border:#334155;--primary:#60a5fa;--success:#34d399;--success-bg:#064e3b;--success-text:#a7f3d0;--danger:#f87171;--danger-bg:#7f1d1d;--danger-text:#fecaca;--warning:#fbbf24;--warning-bg:#78350f;--warning-text:#fde68a;--text-muted:#94a3b8;background-color:#090920}.dark-theme .riverbutton:nth-child(2n){background-color:#222}.dark-theme .riverbutton:nth-child(odd){background-color:#252525}.dark-theme .riverbutton:hover{filter:saturate(1.05)brightness(1.3)}.dark-theme .emptyStars{opacity:.35}.dark-theme .riverbuttonDam{background-image:repeating-linear-gradient(150deg,#0000,#0000,#fff3,#0000,#0000,#0000 16%)}.dark-theme #legend{color:#fff;background-color:#090920}.dark-theme #legend:after{background-image:repeating-linear-gradient(150deg,#0000,#0000,#fff3,#0000,#0000,#0000 16%)}.dark-theme .gaugesBelow{background-color:#8b008b!important}.dark-theme select,.dark-theme input{color:#e8e6e3;background-color:#1e2021;border:1px solid #585858}.dark-theme input::placeholder{color:#e8e6e3}.dark-theme .riverbuttonGauge:nth-child(2n){background-color:#380241!important}.dark-theme .riverbuttonGauge:nth-child(odd){background-color:#3c0545!important}.dark-theme .riverbutton{color:#fff}.dark-theme #topbar{color:#000}.settings-card{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a}.settings-card h3,.settings-card label{color:#1e293b}.settings-card p,.settings-card span{color:#475569}.settings-nested-panel{background-color:#f8fafc;border:1px solid #e2e8f0}.dark-theme .settings-card{background-color:#1e293b;box-shadow:0 4px 15px #00000080;border:1px solid #334155!important}.dark-theme .settings-card h3,.dark-theme .settings-card label{color:#f8fafc}.dark-theme .settings-card p,.dark-theme .settings-card span{color:#cbd5e1!important}.dark-theme .settings-nested-panel{background-color:#0f172a;border:1px solid #334155}@media (prefers-color-scheme:dark){.modal-content{color:#cfcfcf!important;background-color:#000!important}}.dark-theme .leaflet-tile-pane{filter:invert()hue-rotate(180deg)brightness(95%)contrast(85%)}.ReloadPromptToast{background-color:var(--surface);color:var(--text);border:1px solid var(--border);z-index:9999;border-radius:8px;flex-direction:column;gap:12px;max-width:300px;padding:16px;font-family:sans-serif;animation:.3s ease-out slideInUp;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ReloadPromptMessage{font-size:16px;font-weight:500;line-height:1.4}.ReloadPromptButtons{justify-content:flex-end;gap:8px;display:flex}.ReloadPromptButtons button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:500}.ReloadPromptUpdate{background-color:var(--primary);color:#fff}.ReloadPromptUpdate:hover{filter:brightness(.9)}.ReloadPromptDismiss{color:var(--text-secondary);background-color:#0000;border:1px solid var(--border)!important}.ReloadPromptDismiss:hover{background-color:var(--surface-hover)}@media screen and (max-width:600px){.ReloadPromptToast{max-width:none;bottom:16px;left:16px;right:16px}}