:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1d1b1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;justify-content:center;align-items:center;min-width:320px;min-height:100vh;background:linear-gradient(-45deg,#17b6de,#9adaeb)}h1{font-size:3.2em;line-height:1.1;text-align:center}button{all:unset;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.cat-status-toolbar{position:sticky;top:0;z-index:10;padding:.5rem 1rem;box-shadow:0 2px 4px #0003;background:#9adaeb}.fish-button:hover{filter:drop-shadow(0 0 .2em rgb(5,5,73))}.fish-button:enabled:active svg{transform:scale(.92);filter:drop-shadow(0 0 .2em rgb(5,5,73))}#root{max-width:1280px;margin:0 auto;padding:2rem}img{max-width:200px}.cat-container{width:100%;height:200px;padding:3rem .5rem;will-change:filter;transition:filter .3s;display:block;position:relative;align-items:center;text-align:center}.cat:hover{filter:drop-shadow(0 0 1em #d1d14e)}.cat-button:active img{transform:scale(.92);filter:drop-shadow(0 0 2em #d1d14e)}.spin{animation:cat-spin infinite 20s linear}@keyframes cat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.horizontal-movement{position:absolute;top:auto;animation:slideAnimation 6s linear infinite}@keyframes slideAnimation{0%{left:0;transform:scaleX(1)}45%{left:calc(100% - 200px);transform:scaleX(1)}50%{left:calc(100% - 200px);transform:scaleX(-1)}95%{left:0;transform:scaleX(-1)}to{left:0;transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.spin,.horizontal-movement{animation:none}.horizontal-movement{position:relative;transform:none}}.spin:hover,.horizontal-movement:hover{animation-play-state:paused}.weather-container{display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.sun{background:linear-gradient(45deg,#f8f843 25%,#fff200);height:160px;width:160px;border-radius:50%;z-index:1;display:inline-block}.sun-glow{animation:sunGlow 2s infinite}@keyframes sunGlow{0%{filter:drop-shadow(0 0 1em yellow)}50%{filter:drop-shadow(0 0 5em yellow)}to{filter:drop-shadow(0 0 1em yellow)}}.cloud-container{position:absolute;top:25%;transform:translateY(-50%);z-index:2}.horizontal-left-to-right-movement{animation:leftToRight 20s infinite}@keyframes leftToRight{0%{transform:translate(-100%);opacity:0}10%{transform:translate(-100%);opacity:1}90%{transform:translate(100%);opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.horizontal-left-to-right-movement{animation:none;transform:none}.cloud-container{left:60%}.sun-glow{animation:none;filter:drop-shadow(0 0 3em yellow)}}