.delight-anchor{position:relative}
.delight-particle{position:absolute;left:50%;top:50%;z-index:8;pointer-events:none;color:#d8a35b;font-size:30px;font-style:normal;text-shadow:0 0 12px #fff4cf;animation:delight-burst 1.15s ease-out both}
@keyframes delight-burst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(45deg) scale(.6)}}
.weather-touch{display:block;background:transparent;border:0;color:inherit;cursor:pointer;margin:12px auto;padding:12px;border-radius:50%;min-width:72px;min-height:72px}
.weather-touch:focus-visible,.footer-note:focus-visible,.welcome-note button:focus-visible{outline:2px solid #8a7356;outline-offset:5px}
.delight-note{min-height:1.6em;color:#667b68;font-size:14px}
.weather-arrive{animation:weather-arrive .6s ease-out both}
@keyframes weather-arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
.footer-note{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:8px;text-align:right;max-width:100%;line-height:1.6}
.welcome-note{margin-top:20px;padding:16px 20px;border-left:3px solid #d8b77e;background:#fff8ea;border-radius:4px 14px 14px 4px;font-size:14px;color:#66725c}
.welcome-note p{margin:0 0 10px;line-height:1.8}
.welcome-note button{background:transparent;border:0;padding:6px 0;font:inherit;color:#88704d;cursor:pointer}
@media(prefers-reduced-motion:reduce){.weather-arrive,.delight-particle{animation:none}.delight-particle{display:none}}