.weather-controls{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.weather-controls button{border:1px solid #234f43;border-radius:2rem;padding:.8rem 1.2rem;color:#234f43;background:transparent;cursor:pointer}.weather-controls button[aria-pressed=true]{background:#234f43;color:white}.weather-controls button:focus-visible,.weather-art:focus-visible{outline:3px solid #9d5c39;outline-offset:5px}.weather-scene{position:relative;overflow:hidden;height:320px;margin:1.8rem 0;border-radius:2rem;background:repeating-linear-gradient(0deg,transparent 0 31px,#536c6512 31px 32px),linear-gradient(135deg,#eadfe7,#daeae3)}.weather-caption{position:absolute;top:1.6rem;left:1.8rem;font:italic 1.2rem Georgia,serif;color:#234f43}.weather-platform{position:absolute;left:15%;right:15%;bottom:22%;height:1px;background:#234f4370}.weather-art{position:absolute;display:flex;align-items:center;justify-content:center;animation:weather-float 7s ease-in-out infinite}.weather-art img{width:100%;height:100%;object-fit:contain}.weather-art-0{left:20%;bottom:22%;width:80px;height:100px}.weather-art-1{right:20%;bottom:22%;width:80px;height:100px;animation-delay:-3s}.weather-art-2{left:44%;top:28%;width:34px;height:130px;animation-delay:-1s}.weather-art-3{left:57%;top:20%;width:27px;height:95px;animation-delay:-4s}.weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.weather-card{padding:1.2rem;border:1px solid #d9d2c5;border-radius:1.2rem}.weather-card h3{font-size:23px}.weather-frame{height:200px;background:#e4dfe9;border-radius:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.weather-frame img{max-width:80%;max-height:80%;object-fit:contain}.weather-card .caption,.weather-card .actions{font-size:12px;line-height:1.7}.weather-lab[data-mode=sticker] .weather-scene,.weather-lab[data-mode=sticker] .weather-frame{background:#fff7e8;box-shadow:inset 0 0 0 2px #d4c9b4}.weather-lab[data-mode=sticker] .weather-art{animation:none;filter:drop-shadow(2px 3px 0 white)}.weather-lab[data-mode=pattern] .weather-frame img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;transform:scale(2)}.weather-lab[data-mode=pattern] .weather-scene{background:linear-gradient(135deg,#e3dbe8,#f0e1d7)}html[data-motion=off] .weather-art{animation:none}@keyframes weather-float{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@media(prefers-reduced-motion:reduce){.weather-art{animation:none}}@media(max-width:850px){.weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.weather-card{padding:.8rem}.weather-card h3{font-size:20px}.weather-frame{height:160px}.weather-scene{height:275px}.weather-caption{font-size:1rem;left:1rem}.weather-art-0{left:13%;width:58px}.weather-art-1{right:13%;width:58px}.weather-art-2{left:42%;width:25px;height:110px}.weather-art-3{left:56%;width:20px;height:85px}}