html,body{margin:0;padding:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mic-float{animation:3s ease-in-out infinite float;display:inline-block}.fade-up-1{animation:.4s ease-out both fade-up}.fade-up-2{animation:.4s ease-out .1s both fade-up}.fade-up-3{animation:.4s ease-out .2s both fade-up}.card-action-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:center;color:#1a1230;background:#ffffffd1;border:1px solid #00000017;border-radius:20px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 20px;font-family:inherit;transition:transform .15s,background .15s,border-color .15s,box-shadow .15s;display:flex;position:relative}.card-action-subtitle{color:#140a2873;margin-top:4px;font-size:.8125rem}.card-action-btn:hover:not(:disabled){background:#fff;transform:translateY(-3px);box-shadow:0 8px 24px #6464642e}.card-action-btn:focus-visible{outline-offset:3px;outline:2px solid #a855f7}.card-action-btn:active:not(:disabled){transform:translateY(-1px)}.card-action-btn:disabled{opacity:.4;cursor:not-allowed}.card-action-btn-host{background:#9333ea0d;border-color:#9333ea38}.card-action-btn-host:hover:not(:disabled){background:#9333ea17;border-color:#9333ea61;box-shadow:0 8px 24px #9333ea1f}.dark .card-action-btn{color:#fff;background:#ffffff0d;border-color:#ffffff1a}.dark .card-action-subtitle{color:#ffffff80}.dark .card-action-btn:hover:not(:disabled){background:#ffffff17;box-shadow:0 8px 32px #9696962e}.dark .card-action-btn-host{background:#9333ea1a;border-color:#a855f759}.dark .card-action-btn-host:hover:not(:disabled){background:#9333ea2e;border-color:#a855f78c;box-shadow:0 8px 32px #9333ea40}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{border:3px solid #a855f726;border-top-color:#a855f7;border-radius:50%;width:64px;height:64px;animation:.75s linear infinite spin}.singer-view-link{color:#ffffffd1;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1c1830 0%,#2a1a45 100%);border:1px solid #a855f747;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.singer-view-link:hover{color:#fff;background:linear-gradient(135deg,#241e3d 0%,#341f58 100%);border-color:#a855f780;box-shadow:0 4px 16px #7c3aed33}.singer-view-link:focus-visible{outline-offset:2px;outline:2px solid #a855f7}.singer-view-link:active{opacity:.85}.color-mode-btn{transition:opacity .15s,transform .1s}.color-mode-btn:hover{opacity:.75}.color-mode-btn:focus-visible{outline-offset:2px;outline:2px solid #a855f7!important}.color-mode-btn:active{transform:scale(.92)}