*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{touch-action:none;font-family:system-ui,-apple-system,sans-serif}.app{height:100%;position:relative}.app canvas{display:block}.watermark{color:#1428328c;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;position:absolute;bottom:10px;left:12px}.header{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#ffffffd1;border-radius:12px;max-width:min(420px,100vw - 24px);padding:10px 14px;position:absolute;top:12px;left:12px;box-shadow:0 2px 12px #1428321f}.header-title{letter-spacing:.04em;color:#1e3a46;font-size:13px;font-weight:700}.header-stats{align-items:baseline;gap:6px;margin-top:2px;display:flex}.header-stock{color:#16739c;font-size:26px;font-weight:800;line-height:1.1}.header-detail{color:#33525f;font-size:12px}.header-date{color:#1e3a4699;margin-top:2px;font-size:11px}.panel{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#1e3a46;background:#fffffff0;border-radius:14px;width:320px;max-height:calc(100% - 24px);padding:14px 16px;position:absolute;top:12px;right:12px;overflow-y:auto;box-shadow:0 4px 24px #1428322e}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel-title{align-items:center;gap:8px;font-size:17px;font-weight:750;display:flex}.badge-overflow{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#2596be;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700}.panel-sub{color:#4a6672;margin-top:2px;font-size:12px}.panel-close{color:#33525f;cursor:pointer;background:#1e3a4614;border:none;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-size:16px;line-height:1}.panel-fill{margin-top:12px}.panel-fill-bar{background:#1e3a461a;border-radius:6px;height:10px;overflow:hidden}.panel-fill-value{background:linear-gradient(90deg,#3fa8c9,#16739c);border-radius:6px;height:100%}.panel-fill-label{color:#16739c;margin-top:4px;font-size:13px;font-weight:700}.panel-grid{grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:14px;display:grid}.panel-grid dt{text-transform:uppercase;letter-spacing:.05em;color:#1e3a468c;font-size:10.5px}.panel-grid dd{margin:1px 0 0;font-size:13.5px;font-weight:600}.panel-grid dd small{color:#1e3a468c;font-size:10.5px;font-weight:400}.panel-years,.panel-trend{margin-top:14px}.sparkline{margin-top:2px;display:block}.panel-years-title{text-transform:uppercase;letter-spacing:.05em;color:#1e3a468c;margin-bottom:6px;font-size:10.5px}.panel-year-row{grid-template-columns:38px 1fr 46px;align-items:center;gap:8px;margin-top:4px;font-size:12px;display:grid}.panel-year-row span:last-child{text-align:right;font-weight:600}.panel-year-bar{background:#1e3a461a;border-radius:4px;height:7px;overflow:hidden}.panel-year-bar div{background:#7fbdd4;border-radius:4px;height:100%}.panel-remarks{background:#3fa8c91a;border-radius:10px;flex-direction:column;gap:6px;margin:14px 0 0;padding:10px 12px;font-size:12px;list-style:none;display:flex}.panel-about{color:#4a6672;border-top:1px solid #1e3a461a;margin-top:14px;padding-top:10px;font-size:11.5px;line-height:1.45}.panel-missing{color:#4a6672;margin-top:12px;font-size:13px}.lake-label--active{background:#25a5d6fa;box-shadow:0 2px 8px #14283259}@media (width<=640px){.panel{width:auto;max-height:55vh;padding-bottom:calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;inset:auto 0 0}.watermark{display:none}.header{padding:8px 12px}.header-stock{font-size:21px}}.district-label{letter-spacing:.25em;color:#283c46a6;white-space:nowrap;font-size:10px;font-weight:700}.zone-label{color:#33525f;white-space:nowrap;background:#fff9;border-radius:7px;padding:1px 5px;font-size:9px;font-weight:600}.facility-label{color:#fff;white-space:nowrap;background:#b27626eb;border:1px solid #ffffff73;border-radius:8px;padding:2px 7px;font-size:10px;font-weight:700}.lake-label{color:#fff;white-space:nowrap;cursor:pointer;background:#177498eb;border:1px solid #ffffff73;border-radius:10px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:0 1px 4px #14283240}.lake-label:hover{background:#1f94c0f2;transform:scale(1.08);box-shadow:0 2px 8px #14283259}.header-hint{color:#2a7ea6;margin-top:4px;font-size:11px}.header-lasts{color:#33525f;margin-top:3px;font-size:12px}.header-lasts strong{color:#16739c}.header-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.header-toggle{color:#33525f;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:5px;font-size:11px;display:flex}.header-share{pointer-events:auto;color:#fff;cursor:pointer;background:#16739c;border:none;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700}.header-share:hover{background:#1f94c0}.loading{color:#cfe4ee;background:linear-gradient(#14536e,#0e3f55);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.loading-drop{font-size:34px;animation:1.1s ease-in-out infinite drop-bob}@keyframes drop-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.scrubber{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-radius:14px;align-items:center;gap:10px;width:min(480px,100vw - 32px);padding:8px 14px;display:flex;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #14283226}.scrubber-play{color:#fff;cursor:pointer;background:#16739c;border:none;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:11px}.scrubber input[type=range]{accent-color:#16739c;flex:1}.scrubber-date{color:#1e3a46;white-space:nowrap;text-align:right;min-width:92px;font-size:12px;font-weight:700}.scrubber-date small{color:#4a6672;font-weight:500}@media (width<=640px){.scrubber{bottom:12px}}.labels-hidden .lake-label,.labels-hidden .zone-label,.labels-hidden .facility-label,.labels-hidden .district-label{display:none}.header,.scrubber,.watermark{transition:opacity .6s}.intro-active .header,.intro-active .scrubber,.intro-active .watermark,.intro-active .zone-label,.intro-active .facility-label,.intro-active .district-label{pointer-events:none;opacity:0!important}.status-dot{vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 0 1.5px #ffffff8c}.status-dot.status-danger{background:#e05252}.status-dot.status-warning{background:#eab03e}.status-dot.status-safe{background:#58b878}.status-pill{text-transform:uppercase;letter-spacing:.05em;vertical-align:2px;border-radius:8px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.status-pill.status-danger{color:#b93535;background:#e0525226}.status-pill.status-warning{color:#9a6d13;background:#eab03e2e}.status-pill.status-safe{color:#2c7d4c;background:#58b8782e}.panel-fill-value.fill-danger{background:linear-gradient(90deg,#e07452,#c23f3f)}.panel-fill-value.fill-warning{background:linear-gradient(90deg,#ecc25e,#d99a2b)}.panel-fill-value.fill-safe{background:linear-gradient(90deg,#63c284,#2c8d55)}