:root{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}.app{--bg:#101622;--panel:#171f2d;--line:#2a3547;--muted:#7d899d;--text:#d9e1ed;--blue:#3281f7;--green:#2ed37a;background:var(--bg);color:var(--text);height:100dvh;font-size:13px}.app.light{--bg:#eef2f7;--panel:#fff;--line:#dbe2ea;--muted:#6b7787;--text:#233043;color-scheme:light}.topbar{height:48px;background:#0b111d;border-bottom:1px solid #1c2737;display:flex;align-items:center;padding:0 20px;gap:10px;position:relative;z-index:20}.topbar h1{font-size:16px;margin:0;color:#f1f5f9;white-space:nowrap}.version{font:700 11px ui-monospace,monospace;background:#263044;color:#9ca8bb;border-radius:3px;padding:2px 5px}.updated{margin-left:auto;color:var(--muted);font-size:12px}.topbar button,.toolbar button,.tabs button{background:#182235;color:#aeb9c9;border:1px solid #223047;border-radius:3px;height:29px;padding:0 11px;cursor:pointer}.topbar button:hover,.toolbar button:hover{border-color:#3974bf;color:#e8f0ff}.menu{display:none!important;font-size:17px!important;padding:0 7px!important}.workspace{height:calc(100dvh - 48px);display:grid;grid-template-columns:200px minmax(0,1fr)}.sidebar{background:#151d2b;border-right:1px solid #273144;min-width:0;z-index:14}.side-head{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #242e3f;color:#808ba0}.side-head select{background:#172130;color:#bdc6d3;border:1px solid #303c4d;border-radius:5px;padding:4px 7px}.city-list{height:calc(100% - 47px);overflow:auto;padding:4px 0 22px;scrollbar-color:#7b8189 transparent;scrollbar-width:thin}.city-list h3{font-size:12px;color:#68758b;font-weight:500;margin:13px 14px 7px}.city-list button{border:0;background:transparent;color:#b3bdcb;width:100%;text-align:left;height:38px;padding:0 17px;cursor:pointer}.city-list button:hover,.city-list button.active{background:#1c2738;color:#fff}.city-dot{display:inline-block;width:8px;height:8px;background:#354156;border-radius:50%;margin-right:8px}.city-list button.active .city-dot{background:var(--blue)}.main{min-width:0;overflow:hidden;display:flex;flex-direction:column}.recommended{height:64px;min-height:64px;background:#241f0b;border-bottom:1px solid #53430a;display:flex;align-items:center;gap:12px;padding:7px 20px;color:#dcae29}.rec-scroll{display:flex;gap:8px;overflow:auto;scrollbar-width:thin}.recommended>b{white-space:nowrap}.recommended button{height:47px;min-width:180px;display:grid;grid-template-columns:auto auto;gap:0 8px;text-align:left;align-content:center;background:#211f18;border:1px solid #4c4020;border-radius:7px;color:#b99c49;padding:5px 11px}.recommended button>strong{grid-column:1/-1;color:#e5e8ee;font-size:14px}.recommended button span{font-size:11px}.recommended button b{color:#f1c342}.status-row{display:flex;gap:10px;padding:10px 20px 7px;min-height:45px;flex-wrap:wrap}.status-pill{background:#1d2636;border:1px solid #29364b;color:#aeb8c8;border-radius:18px;padding:4px 10px;white-space:nowrap}.status-pill i,.dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px;box-shadow:0 0 8px #2ed37a66}.status-pill.warn{color:#f06479}.status-pill.warn i{display:none}.toolbar{display:flex;gap:9px;padding:0 20px 8px}.toolbar input{height:31px;width:126px;background:#182131;color:#b6c0ce;border:1px solid #263247;border-radius:3px;padding:0 9px;color-scheme:dark}.tabs{height:42px;display:flex;gap:2px;padding:0 20px;border-bottom:1px solid #2a3444}.tabs button{height:42px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#7e899c;padding:0 15px}.tabs button.active{color:#7eb6ff;border-color:#3f8cff}.content{overflow:auto;padding:18px 20px 32px;scrollbar-color:#8a8f98 transparent;scrollbar-width:thin}.panel{background:var(--panel);border:1px solid #263044;border-radius:8px;margin-bottom:16px;overflow:hidden}.panel h2{font-size:14px;font-weight:500;margin:0;color:#cbd5e1}.chart-panel h2{padding:15px}.legend{display:flex;justify-content:center;gap:17px;flex-wrap:wrap;color:#bac4d2;margin:0 15px -2px}.legend button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;font:inherit;white-space:nowrap}.legend button.off{opacity:.38;text-decoration:line-through;text-decoration-thickness:1px}.legend button:focus-visible{outline:1px solid #4c91ec;outline-offset:3px;border-radius:2px}.legend span:before,.legend button:before{content:"";width:11px;height:11px;display:inline-block;margin-right:5px;vertical-align:-1px;border-radius:2px}.legend .cn:before{background:#ef2b2b}.legend .pws:before{background:#a855f7}.legend .metar:before{background:#f97316}.legend .hist:before{background:#22c55e}.legend .fore:before{background:transparent;border:1px solid #3281f7}.legend .cloud:before{background:#475569}.legend .peak:before{background:#db2777}.chart-wrap{padding:4px 12px 0}.chart{width:100%;height:250px;display:block}.grid{stroke:#293345;stroke-width:1}.axis{fill:#647086;font-size:10px;text-anchor:middle}.axis-title{fill:#77849a;font-weight:500;letter-spacing:.02em}.forecast-line{fill:none;stroke:#2f79df;stroke-width:2}.history-line{fill:none;stroke:#22c55e;stroke-width:1.2}.metar-line{fill:none;stroke:#f97316;stroke-width:1.4}.forecast-dot{fill:#16243a;stroke:#3281f7;stroke-width:2}.metar-dot{fill:#f97316}.peak-line{stroke:#e3297e;stroke-width:1.4;stroke-dasharray:4 5}.peak-tag{fill:#d92475}.peak-text{fill:#fff;font-size:10px;font-weight:700}.metric{border-top:1px solid #263044;padding:9px 15px;display:flex;gap:18px;align-items:center;color:#77849a}.metric>b{background:#d9f7e5;color:#4a6656;font-weight:500;border-radius:14px;padding:4px 13px}.metric strong{color:#16824b}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #263044}.panel-title span{color:#68758a}.prediction p{padding:0 15px;color:#98a5b7}.prediction p strong{font-size:16px;color:#dfe7f2}.prediction h3{font-size:12px;color:#7f8ba0;font-weight:500;padding:0 15px}.histogram{height:175px;display:flex;align-items:end;justify-content:center;gap:9px;padding:20px 30px 32px;border-top:1px solid #222c3d}.histogram>div{width:min(28px,3.2vw);background:#516279;position:relative}.histogram>div.hot{background:#13afe2}.histogram span{position:absolute;font:9px ui-monospace,monospace;color:#69758a;transform:rotate(-45deg);left:-8px;bottom:-24px;white-space:nowrap}.table-panel{min-height:420px}.table-scroll{overflow:auto;max-height:570px}.table-scroll table{border-collapse:collapse;width:100%;min-width:1120px;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}.table-scroll th{position:sticky;top:0;background:#222d3e;color:#8e9bad;text-align:left;font-weight:500;height:33px;padding:0 11px;z-index:2}.table-scroll td{border-top:1px solid #263044;height:36px;padding:0 11px;color:#8290a3;white-space:nowrap}.table-scroll tr:hover td{background:#1d2736}.table-scroll td:first-child{border-left:3px solid #e2a51b}.table-scroll td b{color:#eff5fc;font-size:13px}.cloud-pill{background:#8593a7;color:#fff;border-radius:12px;padding:2px 8px}.change{background:#352a12;color:#efa918;border-radius:11px;padding:3px 7px}.state-panel{min-height:220px}.stat-table{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px}.stat-table>div{background:#1a2433;border:1px solid #2a3548;border-radius:6px;padding:15px;display:grid;gap:8px}.stat-table strong{font-size:22px;color:#4fd38b}.stat-table span{color:#78869a}.log-list{padding:6px 16px}.log-list>div{height:42px;border-bottom:1px solid #283245;display:flex;align-items:center;gap:12px;color:#8593a7}.log-list b{color:#d9e2ef}.log-list em{margin-left:auto;color:#4dd58b;font-style:normal}.source-foot{display:flex;justify-content:space-between;color:#5f6b7e;font:11px ui-monospace,monospace;padding:4px 2px}.source-foot a{color:inherit;text-decoration:none}.source-foot a:hover,.source-foot a:focus-visible{text-decoration:underline;text-underline-offset:2px}.scrim{display:none}@media(max-width:700px){.app{font-size:12px}.topbar{height:47px;padding:0 10px;gap:6px}.topbar h1{font-size:15px;line-height:16px;white-space:normal;width:65px}.topbar .updated{display:none}.topbar button{font-size:11px;padding:0 8px;height:34px}.menu{display:block!important}.workspace{height:calc(100dvh - 47px);display:block}.sidebar{position:fixed;left:-220px;top:0;width:220px;height:100dvh;transition:left .18s ease;box-shadow:8px 0 20px #0006}.sidebar.open{left:0}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#02061799;border:0;z-index:13}.main{height:100%}.recommended{height:77px;min-height:77px;padding:6px 18px;gap:10px}.recommended button{min-width:176px;height:48px}.status-row{padding:8px 12px 6px;gap:5px;min-height:69px}.status-pill{padding:4px 8px}.toolbar{padding:0 12px 6px;gap:6px}.toolbar button{padding:0 10px}.tabs{padding:0 8px;height:35px;gap:0}.tabs button{height:35px;padding:0 9px;font-size:11px}.content{padding:11px 9px 24px}.panel{border-radius:6px;margin-bottom:14px}.chart-panel h2{padding:12px}.legend{gap:10px;line-height:20px}.chart{height:220px;width:100%;transform:none;margin:0}.chart-wrap{overflow:hidden;height:226px;padding:3px 10px}.hour-tick:not(.mobile-tick){display:none}.metric{align-items:flex-start;flex-wrap:wrap;gap:8px 10px;padding:12px 16px}.metric>span{width:100%;text-transform:uppercase;font-size:11px;font-weight:700}.metric>b{padding:4px 10px}.panel-title{padding:13px}.prediction p{line-height:1.5}.histogram{gap:4px;padding-inline:12px}.histogram>div{width:11px}.table-panel{min-height:450px}.table-scroll{max-height:none}.source-foot{flex-direction:column;gap:4px;word-break:break-all}.stat-table{grid-template-columns:1fr}.log-list em,.topbar .version{font-size:10px}.topbar button:last-child{width:40px;overflow:hidden}.rec-scroll{margin-right:-18px}}.topbar button:disabled{opacity:.6;cursor:wait}.updated.has-error{color:#e98998}.status-pill.loading i,.loader{animation:pulse 1s ease-in-out infinite}.chart-series{pointer-events:none}.chart-series polyline,.chart-series line{vector-effect:non-scaling-stroke}.cn-line{fill:none;stroke:#ef2b2b;stroke-width:1.2}.pws-line{fill:none;stroke:#a855f7;stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.y-axis{text-anchor:end}.dataset-message{min-height:205px;display:flex;align-items:center;justify-content:center;gap:9px;color:#718097;padding:24px;text-align:center}.dataset-message.compact{min-height:54px;padding:12px}.dataset-message.error{color:#df6f82}.dataset-message button{background:#202c3f;border:1px solid #34445e;color:#cdd7e6;border-radius:4px;padding:5px 10px;cursor:pointer}.loader{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3b82f6;box-shadow:0 0 9px #3b82f688}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.metric small{color:#7c8aa0}.metric .metric-error{color:#df6f82}.table-hint{display:block;color:#647086;font-weight:400;margin-top:5px}.clickable-row{cursor:pointer;outline:none}.clickable-row:focus td{background:#1d304a;box-shadow:inset 0 1px #3b82f6,inset 0 -1px #3b82f6}.raw-cell{max-width:420px;overflow:hidden;text-overflow:ellipsis}.histogram>div i{position:absolute;top:-16px;left:50%;transform:translate(-50%);font:9px ui-monospace,monospace;color:#8291a7;font-style:normal}.rec-empty{color:#8f7a41;padding:14px 4px;white-space:nowrap}.log-list>div.log-error .dot{background:#ef536d;box-shadow:0 0 8px #ef536d66}.log-list>div.log-error em{color:#e56c80}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617bf;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.history-modal{width:min(1040px,calc(100vw - 36px));max-height:min(720px,calc(100dvh - 42px));overflow:hidden;background:var(--panel);border:1px solid #344159;border-radius:8px;box-shadow:0 24px 80px #0009}.modal-head{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2a3547}.modal-head h2{font-size:15px;margin:0 0 5px;color:#dce5f1}.modal-head span{color:#78869b}.modal-head button{width:32px;height:32px;border:1px solid #344159;border-radius:4px;background:#1b2637;color:#bbc6d5;font-size:23px;line-height:24px;cursor:pointer}.history-scroll{max-height:calc(100dvh - 150px)}.source-foot{gap:14px;flex-wrap:wrap}.app.light .topbar{background:#fff;border-color:#dbe2ea}.app.light .topbar h1{color:#243248}.app.light .topbar button,.app.light .toolbar button,.app.light .tabs button{background:#f7f9fc;color:#536276;border-color:#d7dfe9}.app.light .sidebar{background:#f8fafc;border-color:#dbe2ea}.app.light .side-head,.app.light .tabs,.app.light .metric,.app.light .panel-title{border-color:#dbe2ea}.app.light .side-head select,.app.light .toolbar input{background:#fff;color:#344257;border-color:#d5dde8;color-scheme:light}.app.light .city-list button{color:#4b596c}.app.light .city-list button:hover,.app.light .city-list button.active{background:#e8eef7;color:#1f2d40}.app.light .recommended{background:#fff9dd;border-color:#e8d994}.app.light .recommended button{background:#fffdf2}.app.light .status-pill{background:#fff;border-color:#dbe2ea;color:#59677a}.app.light .table-scroll th{background:#edf2f8}.app.light .table-scroll td{border-color:#e2e7ee;color:#59677a}.app.light .table-scroll td b,.app.light .prediction p strong,.app.light .panel h2{color:#26354a}.app.light .table-scroll tr:hover td{background:#f2f6fb}.app.light .stat-table>div{background:#f7f9fc;border-color:#dbe2ea}.app.light .history-modal{border-color:#cfd8e4}.app.light .modal-head{border-color:#dbe2ea}.app.light .modal-head h2{color:#25344a}.app.light .modal-head button{background:#f4f7fb;color:#344257;border-color:#d5dde8}@media(max-width:700px){.modal-layer{padding:9px}.history-modal{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.modal-head{height:58px;padding:0 13px}.source-foot{flex-direction:column;gap:4px;word-break:break-word}}