*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.now-playing{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;text-align:center}.now-playing__logo{width:120px;height:120px;object-fit:contain;margin-bottom:8px}.now-playing__label{font-size:16px;font-weight:500;color:#a0a0a0;margin-bottom:48px;letter-spacing:.5px}.now-playing__button{width:96px;height:96px;border-radius:50%;background-color:#1a1a1a;border:2px solid #fff;color:#fff;font-size:36px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease,transform .1s ease}.now-playing__button:hover:not(:disabled){background-color:#2a2a2a}.now-playing__button:active:not(:disabled){transform:scale(.96)}.now-playing__button:focus-visible{outline:none;box-shadow:0 0 0 3px #4f9eff}.now-playing__button:disabled{opacity:.5;cursor:not-allowed}.now-playing__error{margin-top:24px;font-size:14px;color:#a0a0a0;max-width:320px}@media (min-width:768px){.now-playing{padding:48px 32px}.now-playing__logo{width:160px;height:160px;margin-bottom:16px}.now-playing__label{font-size:18px;margin-bottom:64px}.now-playing__button{width:120px;height:120px;font-size:44px}}@media (min-width:1280px){.now-playing{max-width:640px;margin:0 auto}.now-playing__logo{width:200px;height:200px}.now-playing__label{font-size:20px;margin-bottom:80px}.now-playing__button{width:140px;height:140px;font-size:52px}}@media (prefers-reduced-motion:reduce){.now-playing__button,.now-playing__button:active:not(:disabled){transition:none;transform:none}}