.atmosphere,.seasonal{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}header,main,footer,.weather-controls{position:relative;z-index:1}.weather-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px;font:10px monospace;color:#819bb9}.weather-controls button{background:transparent;border:1px solid #6cdcff30;border-radius:5px;padding:7px 9px;color:#9bb0c9;cursor:pointer;font:inherit}.weather-controls button:hover{color:#6cdcff}.weather-controls button:disabled{opacity:.5;cursor:wait}.weather-controls a{color:#819bb9;text-underline-offset:3px}.weather-status{font-size:10px}.atmosphere i{position:absolute;left:var(--x);top:-20px;animation:precipitation var(--duration) linear var(--delay) infinite}.atmosphere[data-weather=rain] i{width:1px;height:24px;background:linear-gradient(transparent,#8dcaff66)}.atmosphere[data-weather=snow] i{width:3px;height:3px;background:#d9efff99;border-radius:50%}.atmosphere[data-weather=cloud]{background:radial-gradient(ellipse at 20% 0%,#8bb9db12,transparent 60%),radial-gradient(ellipse at 90% 20%,#8bb9db0c,transparent 50%);animation:cloud-drift 24s ease-in-out infinite alternate}.atmosphere[data-weather=clear][data-day="1"]{background:radial-gradient(ellipse at 85% 0%,#f5ce8115,transparent 55%)}.atmosphere[data-weather=clear][data-day="0"]{background:radial-gradient(circle at 83% 12%,#b8ddff12,transparent 24%)}@keyframes precipitation{to{transform:translate(-7vw,110vh)}}@keyframes cloud-drift{to{transform:translateX(4%);opacity:.5}}.halloween .orb{box-shadow:inset -20px -12px 35px #0009,inset 1px 1px 3px #ff9e4588,0 0 100px #ff70002b}.halloween .ring{border-color:#ffad6a99}.halloween .satellite{background:#ffc17e;box-shadow:0 0 25px #ff800088}.halloween .eyebrow{color:#ffb775}.halloween .dot{background:#ffb775}.bat{position:absolute;left:-80px;top:var(--y);font-size:26px;opacity:.45;animation:bat-flight var(--duration) linear var(--delay) infinite}.pumpkin{position:absolute;bottom:95px;right:4.5vw;font-size:34px;filter:drop-shadow(0 0 16px #ff73004d);animation:pumpkin-float 5s ease-in-out infinite}@keyframes bat-flight{0%{transform:translate(-10vw,0) rotate(-8deg)}50%{transform:translate(55vw,-35px) rotate(8deg)}100%{transform:translate(115vw,0) rotate(-8deg)}}@keyframes pumpkin-float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.atmosphere i,.bat{display:none}.atmosphere,.pumpkin{animation:none!important}}