.hero{transition:background 2s}.hero .hero-bg{transition:filter 2s,opacity 2s}.hero .weather-art{position:absolute!important;inset:0;pointer-events:none;overflow:hidden;z-index:0!important}.weather-sky{position:absolute;inset:0;transition:background 2s;background:transparent}.weather-orb{position:absolute;right:10%;top:145px;width:85px;height:85px;border-radius:50%;opacity:0;transition:opacity 2s,background 2s;box-shadow:0 0 70px #d5edff55}.weather-cloud{position:absolute;top:160px;left:-20%;width:330px;height:95px;background:radial-gradient(ellipse,#e0edfa66,transparent 70%);filter:blur(12px);opacity:0;animation:cloudDrift 50s linear infinite}.weather-cloud.second{top:230px;animation-delay:-25s;animation-duration:65s}.weather-rain i{position:absolute;top:-25%;width:1px;height:65px;background:linear-gradient(transparent,#bbddff99);animation:rainFall 1.8s linear infinite;opacity:0}.hero[data-weather=sun] .weather-orb{opacity:1;background:#fff4bd;box-shadow:0 0 35px #fff3b799,0 0 110px #ffdc7866}.hero[data-weather=sun] .weather-sky{background:linear-gradient(125deg,#1376b333,#ffe9a21c)}.hero[data-weather=sun] .hero-bg{filter:brightness(.48) saturate(.9)}.hero[data-weather=cloud] .weather-cloud,.hero[data-weather=rain] .weather-cloud{opacity:1}.hero[data-weather=cloud] .weather-sky{background:#435f7c33}.hero[data-weather=rain] .weather-sky{background:#112a4b66}.hero[data-weather=rain] .weather-rain i{opacity:1}.hero[data-weather=night] .weather-orb{opacity:1;background:radial-gradient(circle at 35% 30%,#eff6ff,#afc6e9);box-shadow:0 0 60px #c5dbff55}.hero[data-weather=night] .weather-sky{background:linear-gradient(#030a2c88,#07132b44)}.hero[data-weather=night] .hero-bg{filter:brightness(.23) saturate(.65)}.weather-stars{position:absolute;inset:0;opacity:0;transition:opacity 2s;background-image:radial-gradient(circle at 12% 19%,#fff 0 1px,transparent 2px),radial-gradient(circle at 43% 15%,#fff 0 1px,transparent 2px),radial-gradient(circle at 69% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 27% 35%,#fff 0 1px,transparent 2px),radial-gradient(circle at 79% 39%,#fff 0 1px,transparent 2px)}.hero[data-weather=night] .weather-stars{opacity:.75}.weather-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;padding:22px;background:var(--surface);border-bottom:1px solid var(--line)}.weather-controls strong{font-size:12px;margin-right:12px;color:var(--sub)}.weather-controls button{padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:var(--bg);color:var(--fg);font-size:13px}.weather-controls button[aria-pressed=true]{background:var(--blue);color:var(--bg)}body.weather-night{--bg:#060f22;--surface:#0d1c36;--glass:#0d1c36ec;--soft:#152d50;--blue:#89baf2;--fg:#edf4ff;--sub:#b6c6df;--line:#243e61}body.weather-night .hero h1 span{color:#91b9eb}body.weather-night .hero .primary{background:#7eade4;color:#071b34}@keyframes cloudDrift{to{transform:translateX(150vw)}}@keyframes rainFall{to{transform:translate(-100px,1050px)}}@media(prefers-reduced-motion:reduce){.weather-art *{animation:none!important;transition:none!important}.weather-rain i{top:35%}}.no-motion .weather-art *{animation:none!important}@media(max-width:720px){.weather-orb{width:55px;height:55px;top:125px;right:8%}.weather-controls{padding:18px 12px}.weather-controls strong{width:100%;text-align:center}}

.hero[data-weather=snow] .weather-rain i{opacity:.8;width:6px;height:6px;border-radius:50%;background:white;box-shadow:0 0 6px #fff8;animation-name:snowFall;animation-duration:12s!important}.hero[data-weather=snow] .weather-sky{background:linear-gradient(#abcbe52b,#dfeeff22)}.hero[data-weather=snow] .weather-cloud{opacity:.8}.hero[data-weather=snow] h1 span{color:#c0e2ff}@keyframes snowFall{to{transform:translate(90px,1050px) rotate(180deg)}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.weather-frost .nav,.weather-frost .dock,.weather-frost .mega,.weather-frost .effects-menu{border-color:#c9e8ff;box-shadow:inset 0 0 0 1px #ffffffb0,inset 0 3px 12px #d8f1ff99,inset 0 -3px 10px #b1dcff66,0 0 18px #acd8ff40}.weather-frost .nav:before,.weather-frost .dock:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#ecfaffaa,transparent 16%,transparent 84%,#ecfaff88);mask-image:linear-gradient(#000 0 5px,transparent 15px calc(100% - 12px),#000 calc(100% - 4px));}.weather-frost .nav:after{content:"✧ · ❄ · ✧";position:absolute;right:24px;top:-9px;pointer-events:none;color:#dff3ff;font-size:15px;letter-spacing:9px;text-shadow:0 0 6px #a4d6ff}.weather-frost .hero h1 span{color:#c0e3ff}.hero[data-weather=frost] .weather-sky{background:linear-gradient(120deg,#98c3f02b,#d9edff22)}.weather-frost .weather-controls button[aria-pressed=true]{background:#b8ddfa;color:#102c48}

body.weather-night .hero-bg{filter:brightness(.23) saturate(.65)}body.weather-night .weather-sky{background:linear-gradient(#030a2c88,#07132b44)}
.hero{isolation:isolate}.hero .hero-bg{z-index:-1}.hero .weather-art{z-index:0!important}