:root{--glass:#0e112261;--edge:#ffffff29;--shine:#ffffff1a;--text:#fff;--muted:#ffffffbd;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:#0b1026;font:16px/1.5 Twemoji Country Flags,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}#sky{z-index:0;width:100vw;height:100vh;position:fixed;inset:0}.app{z-index:1;max-width:1100px;padding:max(16px, env(safe-area-inset-top)) 16px 34vh;text-shadow:0 1px 12px #00000040;margin:0 auto;position:relative}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);border:1px solid var(--edge);box-shadow:inset 0 1px 0 var(--shine), 0 10px 30px #00000026;border-radius:var(--radius)}@media (width<=640px){.glass{-webkit-backdrop-filter:blur(10px)saturate(150%);backdrop-filter:blur(10px)saturate(150%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#0e1122c7}}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:800}.brand .now{color:#fde68a}.top-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cities{border-radius:999px;gap:3px;padding:3px;display:flex}.cities button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700}.cities button[aria-pressed=true]{color:#111827;text-shadow:none;background:#fff}.quirk{color:#fde68a;margin-top:6px;font-size:.85rem}.pill-btn{cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600}.pill-btn:hover{background:#ffffff2e}.pill-btn:disabled{opacity:.6;cursor:progress}.banner{margin:0 0 16px;padding:10px 14px;font-size:.9rem}.banner button{cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=820px){.grid{grid-template-columns:minmax(0,1fr)}}.side{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.card{min-width:0;padding:16px 18px}.card h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:.78rem}.hero{min-width:0;padding:22px 24px}.place{letter-spacing:.02em;color:var(--muted);text-transform:uppercase;font-size:.9rem;font-weight:700}.clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:clamp(3.2rem,11vw,5.6rem);font-weight:800;line-height:1}.clock small{letter-spacing:0;color:var(--muted);margin-left:6px;font-size:.35em;font-weight:700}.date{color:var(--muted);margin-bottom:18px}.current{align-items:center;gap:16px;display:flex}.current .icon{font-size:3.4rem;line-height:1}.temp{font-size:3rem;font-weight:800;line-height:1}.cond{font-weight:600}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.stat{background:#ffffff14;border-radius:12px;min-width:0;padding:10px 12px}.stat b{font-size:1.1rem;display:block}.stat span{color:var(--muted);font-size:.78rem}.hours{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.hour{text-align:center;background:#ffffff0f;border-radius:12px;flex:none;width:58px;padding:8px 4px}.hour.now{background:#fff3}.hour .h{color:var(--muted);font-size:.75rem}.hour .i{margin:2px 0;font-size:1.3rem}.hour .t{font-size:.9rem;font-weight:700}.hour .r{color:#93c5fd;min-height:1.1em;font-size:.72rem}.sun-arc{width:100%;height:86px;display:block}.sun-times{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:4px;font-size:.85rem;display:flex}.card p{margin:8px 0 0}.aqi{align-items:center;gap:14px;display:flex}.aqi-num{font-size:2.2rem;font-weight:800;line-height:1}.badge{color:#111;text-shadow:none;background:#9ca3af;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;display:inline-block}.meter{background:linear-gradient(90deg,#22c55e,#eab308 33%,#f97316 50%,#ef4444 67%,#a855f7 85%,#7f1d1d);border-radius:999px;height:8px;margin-top:12px;position:relative}.meter i{background:#fff;border-radius:2px;width:4px;height:16px;transition:left .6s;position:absolute;top:-4px;left:0;box-shadow:0 0 6px #0006}.foot{color:var(--muted);text-align:center;margin-top:22px;font-size:.8rem}@media (width<=420px){.hero{padding:18px}.stat b{font-size:1rem}}