:root{--wx-bg: #000;--wx-panel: rgba(0, 0, 0, .85);--wx-text: #f2f2f2;--wx-dim: #b8c2c8;--wx-link: #33bfcc;--wx-on: #33cc33;--wx-rule: rgba(255, 255, 255, .16);--wx-obs: #33cc33;--wx-obs-intense: #00ff00;--wx-fcst: #cc9e33;--wx-fcst-intense: #ffb300;--wx-pending: #5c5c5c;--wx-trackbase: #262626;--wx-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}html,body{margin:0;height:100%;background:var(--wx-bg);color:var(--wx-text);font:14px/1.35 var(--wx-font);overflow:hidden}body{display:flex;flex-direction:column}.wx-site{flex:none}a{color:var(--wx-link);text-decoration:none}a:hover{color:var(--wx-text)}#webwx{position:relative;flex:1 1 auto;min-height:0}.wx{position:absolute;inset:0;overflow:hidden}.wx-boot{position:absolute;inset:0;display:grid;place-items:center;color:var(--wx-dim);font-size:15px}.wx-map{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}.wx-map:active{cursor:grabbing}.wx-layers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.wx-chip{font:600 13px/1 var(--wx-font);color:var(--wx-link);background:#0009;border:1px solid var(--wx-link);border-radius:16px;padding:8px 12px;cursor:pointer}.wx-chip.on{color:#000;background:var(--wx-on);border-color:var(--wx-on)}.wx-chip:disabled{opacity:.45;cursor:default}.wx-legend,.wx-legend-open{position:absolute;left:12px;top:12px;background:var(--wx-panel);border:1px solid var(--wx-rule);border-radius:8px}.wx-legend{max-height:calc(100% - 270px);overflow-y:auto;width:230px;padding:10px 12px 6px;font-size:13px}.wx-legend section+section{margin-top:10px;padding-top:10px;border-top:1px solid var(--wx-rule)}.wx-legend h2{margin:0 0 6px;font-size:14px;font-weight:700}.wx-legend .wx-unit{color:var(--wx-dim);font-weight:600;font-size:12px;margin-left:4px}.wx-legend ul{list-style:none;margin:0;padding:0}.wx-legend li{display:flex;align-items:center;gap:8px;margin:2px 0;font-weight:600}.wx-legend p{margin:6px 0 0;color:var(--wx-dim);font-size:12px;font-weight:600}.wx-swatch{width:18px;height:12px;border-radius:2px;flex:none;box-shadow:inset 0 0 0 1px #ffffff2e}.wx-legend-close{float:right;margin:-4px -4px 0 6px;background:none;border:0;color:var(--wx-dim);font-size:20px;line-height:1;cursor:pointer;padding:2px 6px}.wx-legend-open{color:var(--wx-link);font:600 13px var(--wx-font);padding:8px 12px;cursor:pointer}.wx-bottom{position:absolute;left:0;right:0;bottom:0;padding:10px 12px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(rgba(0,0,0,.55),var(--wx-panel));border-top:1px solid var(--wx-rule)}.wx-time{display:flex;align-items:center;gap:12px;margin-top:2px}.wx-play{flex:none;width:44px;height:44px;border-radius:22px;cursor:pointer;background:var(--wx-link);color:#000;border:0;font:700 15px var(--wx-font)}.wx-play:disabled{opacity:.45;cursor:default}.wx-track{position:relative;display:block;width:100%;height:48px;cursor:pointer;touch-action:none;outline:none}.wx-track:focus-visible{outline:2px solid var(--wx-link);outline-offset:2px;border-radius:8px}.wx-segs{position:absolute;left:0;right:0;top:19px;height:10px;border-radius:5px;overflow:hidden;background:var(--wx-trackbase)}.wx-seg{position:absolute;top:0;height:100%;box-sizing:border-box;border:0 solid transparent;border-left-width:.5px;border-right-width:.5px;background-clip:padding-box}.wx-seg.obs{background-color:var(--wx-obs)}.wx-seg.fcst{background-color:var(--wx-fcst)}.wx-seg.pending{background-color:var(--wx-pending)}.wx-seam{position:absolute;top:16px;width:2px;height:16px;margin-left:-1px;background:var(--wx-trackbase);pointer-events:none}.wx-thumb{position:absolute;top:13px;width:22px;height:22px;margin-left:-11px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--wx-trackbase);pointer-events:none}.wx-thumb.obs{background:var(--wx-obs-intense)}.wx-thumb.fcst{background:var(--wx-fcst-intense)}.wx-when{flex:1;min-width:0}.wx-when-main{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.wx-when-sub{font-weight:600;font-size:13px}.wx-when-sub.obs{color:var(--wx-obs-intense)}.wx-when-sub.fcst{color:var(--wx-fcst-intense)}.wx-status{margin-top:6px;color:#fc3;font-weight:600;font-size:13px}.wx-note{margin-top:6px;color:var(--wx-dim);font-size:12px;font-weight:600}@media(max-width:560px){.wx-when-main{font-size:13px}.wx-legend{width:auto;right:12px;max-height:34%}}