:root{color-scheme:dark;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;background:#050607;color:#f4f6f8;--panel: rgba(15, 18, 24, .97);--panel-line: rgba(255, 255, 255, .09);--muted: #8d959f;--quiet: #555e68;--accent: #b8dbf6}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#050607}button,input{font:inherit}button{color:inherit}#app{position:relative;isolation:isolate;background:#050607}#rain-canvas{display:block;width:100%;height:100%;cursor:crosshair;outline:none}.scene-title{position:absolute;z-index:3;top:clamp(38px,8vh,84px);left:clamp(28px,6vw,92px);pointer-events:none;text-shadow:0 2px 24px #000}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:9px;font-weight:650;letter-spacing:0}.scene-title h1{margin:0 0 8px;font-size:clamp(26px,3vw,44px);font-weight:560;line-height:1;letter-spacing:0}.scene-title>p:not(.eyebrow){margin:0 0 8px;color:#c6cbd1;font-size:15px}.scene-title>span{color:#6f7780;font-size:10px}.live-meta{display:flex;min-height:20px;margin-top:13px;align-items:center;gap:6px;color:#7c858e;font-size:10px;font-variant-numeric:tabular-nums}.live-meta svg{width:13px;height:13px;color:#a8cde8;stroke-width:1.7}.live-meta strong{margin-left:4px;color:#dde8ef;font-size:12px;font-weight:540}.live-divider{width:1px;height:10px;margin:0 3px;background:#ffffff24}.reading{position:absolute;z-index:3;top:clamp(105px,19vh,180px);right:clamp(34px,9vw,140px);min-width:154px;padding-left:12px;border-left:1px solid rgba(232,241,247,.72);pointer-events:none;opacity:.86;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}.reading.is-changing{opacity:.48;transform:translateY(2px)}.reading>span{display:block;margin-bottom:3px;color:#d2d7dc;font-size:11px;font-variant-numeric:tabular-nums}.reading p{display:flex;align-items:baseline;gap:7px;margin:0}.reading strong{font-size:clamp(31px,3.2vw,48px);font-weight:360;line-height:.9;font-variant-numeric:tabular-nums}.reading small{color:#9098a0;font-size:9px;white-space:nowrap}.toolbar{position:absolute;z-index:6;top:18px;right:18px;display:grid;grid-template-columns:34px 1px 34px;align-items:center;height:38px;padding:2px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#121519b8;box-shadow:0 8px 28px #00000052;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toolbar>span{width:1px;height:16px;background:#ffffff17}.icon-button{display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:6px;background:transparent;color:#aab2bb;cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-button:hover,.icon-button:focus-visible{background:#ffffff14;color:#fff;outline:none}.icon-button svg{width:15px;height:15px;stroke-width:1.7}.data-panel{position:absolute;z-index:10;inset:0 auto 0 0;display:flex;width:min(370px,calc(100vw - 48px));padding:24px 14px 14px;flex-direction:column;border-right:1px solid var(--panel-line);background:var(--panel);box-shadow:24px 0 80px #00000070;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transform:translate(-103%);transition:transform .42s cubic-bezier(.2,.8,.2,1)}.data-panel.open{transform:translate(0)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:0 4px 15px;border-bottom:1px solid var(--panel-line)}.panel-head .eyebrow{margin-bottom:7px}.panel-head h2{margin:0;font-size:18px;font-weight:580;letter-spacing:0}.weather-source{padding:13px 4px 12px;border-bottom:1px solid var(--panel-line)}.location-form{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center}.location-form>svg{position:absolute;left:10px;width:13px;height:13px;color:#68727c;pointer-events:none}.location-form input{min-width:0;height:34px;padding:0 10px 0 31px;border:1px solid rgba(255,255,255,.075);border-radius:5px 0 0 5px;outline:0;background:#ffffff09;color:#e4e9ed;font-size:10px}.location-form input::placeholder{color:#626b75}.location-form input:focus{border-color:#9fc9e861}.location-form button{height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.075);border-left:0;border-radius:0 5px 5px 0;background:#171b21;color:#aab2bb;font-size:9px;cursor:pointer}.location-form button:hover,.location-form button:focus-visible,.source-button:hover,.source-button:focus-visible{color:#eef3f6;outline:none}.location-form button:disabled,.source-button:disabled{cursor:wait;opacity:.5}.weather-source-row{display:flex;min-height:30px;margin-top:7px;align-items:center;justify-content:space-between;gap:8px}.weather-source-state{display:flex;min-width:0;align-items:center;gap:7px;color:#c9d0d6;font-size:10px}#source-location{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#source-status{color:#74808a;font-size:8px;white-space:nowrap}#source-status:before{display:inline-block;width:4px;height:4px;margin-right:5px;border-radius:50%;background:#6a747e;content:"";vertical-align:1px}#source-status[data-state=live]:before{background:#a4c6dc;box-shadow:0 0 8px #a4c6dc8c}#source-status[data-state=error]{color:#a68787}#source-status[data-state=error]:before{background:#a68787}.weather-source-actions{display:flex;align-items:center;gap:3px}.source-button{display:inline-flex;height:28px;padding:0 7px;align-items:center;gap:5px;border:0;border-radius:4px;background:transparent;color:#7f8993;font-size:8px;cursor:pointer}.source-button.icon-only{width:28px;padding:0;justify-content:center}.source-button svg{width:12px;height:12px}.source-button.is-loading svg{animation:source-spin .9s linear infinite}.weather-message{min-height:12px;margin:1px 0 0;color:#59636d;font-size:8px}.weather-message[data-state=error]{color:#a68787}.weather-message a{color:#748fa3;text-underline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes source-spin{to{transform:rotate(360deg)}}.panel-close{margin-top:-6px}.chart-summary{padding:16px 4px 9px;border-bottom:1px solid var(--panel-line)}.chart-summary-head,.field-title{display:flex;align-items:center;justify-content:space-between;color:#b9c0c8;font-size:10px}.chart-summary-head strong{color:var(--muted);font-size:9px;font-weight:500}.chart-summary-head b{margin-right:4px;color:#e5edf3;font-size:14px;font-weight:540;font-variant-numeric:tabular-nums}#data-chart{display:block;width:100%;height:104px;margin-top:9px;overflow:visible}.chart-grid{fill:none;stroke:#ffffff0e;stroke-width:1}.chart-area{fill:#a8cfee14}.chart-line{fill:none;stroke:#c4ddef;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;vector-effect:non-scaling-stroke}#rain-form{display:flex;min-height:0;flex:1;flex-direction:column}.field-title{padding:13px 4px 10px}.field-title button{padding:0;border:0;background:none;color:#8ebde0;font-size:9px;cursor:pointer}.data-grid{display:grid;min-height:0;padding:0 4px 10px;flex:1;grid-auto-flow:column;grid-template-rows:repeat(12,minmax(32px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;overflow:auto;scrollbar-color:#343b44 transparent;scrollbar-width:thin}.data-field{display:grid;min-height:32px;padding:0 8px;grid-template-columns:40px minmax(0,1fr);align-items:center;border:1px solid rgba(255,255,255,.055);border-radius:5px;background:#ffffff06}.data-field:focus-within{border-color:#9fc9e85c;background:#9fc9e80d}.data-field label{color:#69727d;font-size:8px;font-variant-numeric:tabular-nums}.data-field input{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:#e6ebef;font-size:11px;font-variant-numeric:tabular-nums;text-align:right}.data-field input::-webkit-outer-spin-button,.data-field input::-webkit-inner-spin-button{margin:0;appearance:none}.panel-actions{display:grid;padding:10px 4px 0;grid-template-columns:1fr 1.25fr;gap:8px;border-top:1px solid var(--panel-line)}.panel-actions button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border-radius:5px;font-size:10px;font-weight:580;cursor:pointer}.panel-actions svg{width:13px;height:13px}.secondary-button{border:1px solid rgba(255,255,255,.08);background:#141820;color:#9099a3}.primary-button{border:1px solid #e6ebef;background:#e8edf1;color:#111419}.fallback{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#08090a;color:#aab1b8;font-size:13px}.fallback[hidden]{display:none}@media(max-width:700px){.scene-title{top:62px;left:22px}.scene-title h1{font-size:30px}.scene-title>p:not(.eyebrow){font-size:13px}.live-meta{max-width:calc(100vw - 44px);flex-wrap:wrap;row-gap:3px}.reading{top:auto;right:20px;bottom:76px;min-width:126px}.reading strong{font-size:34px}.toolbar{top:14px;right:14px}.data-panel{width:100%;padding-top:18px}.data-grid{grid-template-rows:repeat(12,35px)}}@media(max-height:650px){.chart-summary{padding-top:10px}#data-chart{height:76px}.data-grid{grid-template-rows:repeat(12,30px)}}@media(prefers-reduced-motion:reduce){.data-panel,.reading,.icon-button{transition-duration:.01ms}.source-button.is-loading svg{animation:none}}