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}.view-selector-container{-webkit-user-select:none;user-select:none;background-color:#dffaff;justify-content:center;align-items:center;padding:15px 20px 5px;display:flex;position:relative}.breadcrumb-path{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.breadcrumb-item.link{cursor:pointer;transition:color .2s}.breadcrumb-item.link:hover{color:var(--primary)}.breadcrumb-separator{color:var(--text-muted)}.view-switcher{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;transition:background-color .2s;display:flex}.view-switcher:hover,.view-switcher.active{background-color:#0000000d}.breadcrumb-item.current{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.dropdown-caret{color:var(--text-muted);font-size:.7rem}.view-dropdownshadow{z-index:1000;filter:drop-shadow(0 10px 15px #0000001a);position:absolute;top:100%}.view-dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:180px;margin-top:5px;padding:8px}.view-dropdown-item{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.95rem;transition:background-color .2s}.view-dropdown-item:hover{background-color:var(--surface-hover)}.view-dropdown-item.selected{background-color:var(--alert-bg);color:var(--primary);font-weight:600}.view-dropdown-item.secondary{color:var(--text-muted);font-size:.85rem}.view-dropdown-divider{background:var(--border);height:1px;margin:8px 0}.view-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:10px 16px 4px;font-size:.75rem;font-weight:700}.dark-theme .view-selector-container{background-color:#0f172a}.dark-theme .breadcrumb-item.current{color:#fff}#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}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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{z-index:20;background-color:#7f7;border:0;width:100%;padding:10px;position:relative}#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 (orientation:landscape) and (max-height:500px){.view-selector-container{padding:5px 20px 2px}.breadcrumb-item.current{font-size:.95rem}.searchcontain{margin:0 auto 10px!important}#legend{font-size:max(10px, calc(var(--defaultFontSize) * 1.1))!important;line-height:normal!important}#legend:after{line-height:normal!important}#topbar{font-size:max(10px, calc(var(--defaultFontSize) * .9))!important}}.empty-state-view{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{margin-bottom:20px;font-size:3rem}.empty-state-view h2{color:var(--text);margin:0 0 10px;font-size:1.5rem}.empty-state-view p{max-width:400px;margin:0 0 20px;font-size:1.05rem;line-height:1.6}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:40px;display:flex}.clear-filters-btn,.secondary-action-btn{cursor:pointer;border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s}.clear-filters-btn{background-color:var(--primary);color:#fff;border:none}.secondary-action-btn{background-color:var(--surface);color:var(--primary);border:2px solid var(--primary)}.clear-filters-btn:hover,.secondary-action-btn:hover{filter:brightness(.9)}.dark-theme .empty-state-view h2{color:#fff}