@import"https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";body{margin:0;padding:0;font-family:Cabin Sketch,cursive,sans-serif;background-color:#f4f1ea;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.05"/%3E%3C/svg%3E');overflow:hidden;height:100dvh;width:100vw;color:#333}#root{height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden}h1,h2,h3,p{margin:0}.app-container{display:flex;flex-direction:column;justify-content:space-between;height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.now-playing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto;padding:.5rem 1rem}.now-playing-text{font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.stroul-text{font-family:Cabin Sketch,cursive,sans-serif;letter-spacing:1px}.spotify-link{margin-bottom:.5rem;display:inline-block;transition:transform .2s ease}.spotify-link:hover{transform:scale(1.1)}.spotify-logo{width:60px;height:60px;mix-blend-mode:multiply;object-fit:contain}.ticker-container{width:100%;padding:.5rem 0;overflow:hidden;border-bottom:2px solid #555;background-color:transparent;display:flex;white-space:nowrap;box-sizing:border-box}.ticker-text{display:inline-block;font-size:2.5rem;letter-spacing:3px;animation:ticker 15s linear infinite;padding-left:100vw}@keyframes ticker{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.birds-container{display:flex;flex:1 1 auto;justify-content:center;align-items:center;flex-wrap:nowrap;gap:2vw;padding:0 1rem;position:relative;width:100%;box-sizing:border-box;min-height:0}.bird-wrapper{position:relative;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:45%;max-width:30vh;max-height:100%}.bird-image{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s ease}.bird-wrapper:hover .bird-image{transform:scale(1.05) rotate(-2deg)}.bird-wrapper.active .bird-image{transform:scale(1.1)}.musical-notes-container{position:absolute;top:0;right:10%;width:100%;height:100%;pointer-events:none}.musical-note{position:absolute;top:0;right:0;width:40px;opacity:0;mix-blend-mode:multiply;animation:floatNote 3s ease-in-out infinite}@keyframes floatNote{0%{opacity:0;transform:translate(0) scale(.6) rotate(0)}20%{opacity:.8}80%{opacity:.6}to{opacity:0;transform:translate(var(--dx, 20px),var(--dy, -120px)) scale(1.1) rotate(var(--drot, 30deg))}}.controls-container{display:flex;justify-content:center;align-items:center;flex:0 0 auto;gap:5vw;padding:1rem;margin-bottom:2vh}.control-btn{background:none;border:none;cursor:pointer;transition:transform .1s ease;padding:0;display:flex;align-items:center;justify-content:center}.control-btn:hover{transform:scale(1.1)}.control-btn:active{transform:scale(.95)}.control-img{width:12vw;max-width:60px;height:12vw;max-height:60px;object-fit:contain;mix-blend-mode:multiply}.play-pause-btn .control-img{width:16vw;max-width:80px;height:16vw;max-height:80px}.spotify-player{position:absolute;top:0;left:0;width:300px;height:380px;opacity:.001;pointer-events:none;z-index:-10}