:root{--sky-top:#0b1226;--sky-bottom:#1c2a4a;--stars:1;--glass:#0c142a4d;--glass-line:#ffffff38;--soft:#ffffffb8}*{box-sizing:border-box}html,body{height:100%;margin:0}.wp{color:#fff;background:linear-gradient(180deg, var(--sky-top), var(--sky-bottom));font:15px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.wp.is-ready,.wp.is-ready .wp-stars{transition:background 60s linear,opacity 60s linear}.wp-stars{opacity:var(--stars);pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 27% 62%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 41% 34%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 56% 12%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 63% 74%,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 8% 82%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 33% 88%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 48% 52%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 19% 41%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 52% 93%,#fff 50%,#0000 51%);background-size:640px 520px;position:fixed;inset:0}.wp-panel{flex-direction:column;gap:1.1vh;width:clamp(300px,25vw,410px);display:flex;position:fixed;top:3vh;bottom:3vh;right:2vw;overflow:hidden}.wp-card{border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.3);text-shadow:0 1px 2px #00000040;border-radius:18px;padding:.85rem 1rem;box-shadow:0 10px 30px #0000002e}.wp-card h2{letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin:0 0 .45rem;font-size:.72rem;font-weight:700}.wp-rows{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.wp-rows li{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;display:grid}.wp-flag{object-fit:cover;border-radius:3px;width:22px;height:16px;box-shadow:0 0 0 1px #ffffff40}.wp-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wp-name small{color:var(--soft);font-size:.75rem;display:block}.wp-time{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:1.6rem;font-weight:600}.wp-wx{align-items:center;gap:.35rem;font-size:1.15rem;font-weight:600;display:flex}.wp-wx svg{width:30px;height:30px}.wp-hours{text-align:center;grid-template-columns:repeat(6,1fr);gap:.2rem;display:grid}.wp-hours span{color:var(--soft);font-size:.75rem;display:block}.wp-hours strong{font-variant-numeric:tabular-nums}.wp-hours svg{width:30px;height:30px}.wp-spark{width:100%;height:34px;margin-top:.3rem;display:block}.wp-spark path{fill:none;stroke:#ffd678e6;stroke-width:2px}.wp-sun{text-align:center;grid-template-columns:repeat(3,1fr);gap:.3rem;display:grid}.wp-sun span{color:var(--soft);font-size:.75rem;display:block}.wp-sun strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.wp-moon{align-items:center;gap:.75rem;margin-top:.55rem;display:flex}.wp-moon svg{flex:none}.wp-moon small{color:var(--soft);display:block}.wp-planets{flex-wrap:wrap;gap:.3rem;margin-top:.5rem;display:flex}.wp-planets span{background:#ffffff24;border-radius:999px;padding:.12rem .55rem;font-size:.8rem}.wp-by{text-shadow:0 1px 3px #00000059;justify-content:flex-end;align-items:center;gap:.45rem;margin-top:auto;font-size:.85rem;display:flex}.wp-by a{color:#fff;letter-spacing:.02em;text-decoration:none}.wp-empty{background:var(--glass);border-radius:18px;padding:1rem}.wp-empty a{color:#fff}@media (width<=560px){.wp-panel{width:auto;left:4vw;right:4vw}}.wi-defs{position:absolute}.wi-sun{fill:#f6c344}.wi-ray line{stroke:#f2b01e;stroke-width:1.6px;stroke-linecap:round}.wi-moon{fill:#e3e6ee;stroke:#9aa2b1;stroke-width:.6px}.wi-star{fill:#f6c344}.wi-cloud{fill:#eef1f6;stroke:#a3aab6;stroke-width:.8px}.wi-cloud.wi-dark{fill:#b8bfcb;stroke:#8a92a0}.wi-rain line{stroke:#7cb6ff;stroke-width:1.4px;stroke-linecap:round}.wi-snow circle,circle.wi-snow{fill:#cfe5ff}.wi-bolt{fill:#f2b01e}.wi-fog line{stroke:#d0d5de;stroke-width:1.8px;stroke-linecap:round}.moon-dark{fill:#141c32b3}.moon-lit{fill:#f2f0e6}