*{box-sizing:border-box}body{margin:0;padding:0;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}#app{width:100%;max-width:600px;height:100dvh;padding:calc(env(safe-area-inset-top,0px) + 2rem) 1rem calc(env(safe-area-inset-bottom,0px) + 2rem);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:hidden}#logo{width:min(300px,80vw);max-height:40vh;object-fit:contain;flex-shrink:1}#now-playing-container{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding:0 1rem;flex-shrink:1}#now-playing-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#00000080}#now-playing{font-size:1.1rem;font-weight:500;color:#000000e6;line-height:1.4;word-break:break-word;max-width:90vw}#now-playing:empty:after{content:"—";color:#0000004d}#error-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:0 1rem}#error-container[hidden]{display:none}#error-message{font-size:.9rem;color:#ff6b6b;text-align:center;line-height:1.4}#player-controls{display:flex;align-items:center;justify-content:center;flex-shrink:0}#social-links{display:flex;align-items:center;justify-content:center;gap:1rem;flex-shrink:0}#social-links a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;transition:opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}#social-links a:hover{opacity:.8;transform:scale(1.1)}#social-links a:active{transform:scale(.95)}#social-links a[aria-label=WhatsApp]{color:#25d366}#social-links a[aria-label=Instagram]{color:#e4405f}#social-links svg{width:100%;height:100%}.btn{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:transform .2s ease,opacity .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.btn svg{width:80px;height:80px}.btn:hover{transform:scale(1.08)}.btn:active{transform:scale(.95)}.btn:focus{outline:none}.btn:focus-visible{outline:2px solid rgba(0,0,0,.5);outline-offset:4px;border-radius:50%}.btn.loading{animation:pulsate .8s ease-in-out infinite;pointer-events:none}.btn.error-btn{color:#ff6b6b}.btn.error-btn svg{stroke:#ff6b6b}.btn.error-btn:hover{color:#ff8787}.btn.error-btn:hover svg{stroke:#ff8787}@keyframes pulsate{0%,to{transform:scale(.92);opacity:.5}50%{transform:scale(1.05);opacity:1}}@media(max-width:380px){.btn{width:70px;height:70px}.btn svg{width:70px;height:70px}#social-links a{width:48px;height:48px}}@media(min-width:768px){#logo{width:min(400px,60vw);max-height:50vh}.btn{width:100px;height:100px}.btn svg{width:100px;height:100px}#now-playing{font-size:1.25rem}#social-links a{width:64px;height:64px}}