@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/poppins-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}.auth-root{--auth-ease: cubic-bezier(.22, 1, .36, 1);--auth-cta: #4f46e5;--auth-cta-hover: #6366f1;--auth-teal: #2dd4bf;--auth-ink: #eef0f4;--auth-mute: #c9cdd6;min-height:100dvh;height:100dvh;overflow:hidden;margin:0;background:#0c0e14;color:#c9cdd6;font-family:Poppins,ui-sans-serif,sans-serif;font-weight:400}.auth-grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.auth-skip{position:absolute;left:1rem;top:0;z-index:40;transform:translateY(-120%);padding:.55rem .85rem;border-radius:.45rem;background:#eef0f4;color:#0c0e14;font-size:.875rem;font-weight:600}.auth-skip:focus{transform:translateY(.75rem);outline:2px solid #818cf8;outline-offset:3px}html:has(.auth-root){overflow:clip}.auth-page{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.auth-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.auth-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 90% 80% at 50% 38%,#0c0e1400,#0c0e1447 58%,#0c0e14b8),linear-gradient(90deg,rgba(12,14,20,.35) 0%,transparent 42%,transparent 72%,rgba(12,14,20,.2) 100%)}.auth-glow{position:absolute;right:-6%;bottom:-16%;width:min(72vw,44rem);height:min(52vw,30rem);background:radial-gradient(ellipse at center,rgba(45,212,191,.22),transparent 68%)}.auth-sleeve{position:absolute;right:-10%;bottom:-18%;width:min(68vw,22rem);overflow:hidden;border-radius:1.35rem;opacity:0;transform:rotate(-8deg);box-shadow:0 28px 64px -20px #000c,0 0 0 1px #ffffff0f;transition:opacity .7s var(--auth-ease)}.auth-sleeve.is-active{opacity:1}.auth-art{display:block;width:100%;height:auto}.auth-sleeve-meta{position:absolute;left:0;right:0;top:0;padding:1rem 1.05rem 2.6rem;background:linear-gradient(180deg,rgba(8,10,16,.9) 20%,transparent)}.auth-sleeve-song{margin:0;color:#eef0f4;font-size:clamp(.95rem,1.7vw,1.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.15}.auth-sleeve-artist{margin:.2rem 0 0;color:var(--auth-teal);font-size:.88rem;font-weight:500;font-style:italic;letter-spacing:-.01em}.auth-top{position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;width:min(100%,80rem);margin:0 auto;padding:.85rem 1.15rem 0}.auth-logo{display:inline-flex;align-items:center;width:fit-content;color:var(--auth-ink);font-size:1.15rem;font-weight:700;text-decoration:none}.auth-logo img{height:3.5rem;width:auto}.auth-links{display:none;justify-content:center;gap:.15rem}.auth-links a{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 .7rem;color:#c9cdd6;font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.auth-links a:hover{color:#fff}.auth-end{display:flex;align-items:center;justify-content:flex-end;gap:.15rem}.auth-end .lp-auth-login{display:none;align-items:center;justify-content:center;min-height:2.25rem;padding:0 .85rem;border-radius:999px;color:#c9cdd6;font-size:1rem;font-weight:600}.auth-end .lp-auth-login:hover{color:#fff}.auth-end .lp-auth-register,.auth-end .lp-auth-dash{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.25rem;padding:0 .28rem 0 .9rem;border-radius:999px;background:#f3f4f6;color:#111318;font-size:1rem;font-weight:600}.auth-end .lp-auth-register:hover,.auth-end .lp-auth-dash:hover{background:#fff}.auth-end .lp-auth-icon{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:999px;background:#11131814;color:#111318}.auth-main{position:relative;z-index:3;flex:1;display:flex;justify-content:center;align-items:safe center;min-height:0;overflow:auto;padding:1rem 1.15rem 1.35rem}.auth-panel{width:min(100%,24rem);padding:1.25rem 1.2rem 1.3rem;border:1px solid rgba(255,255,255,.1);border-radius:1.35rem;background:#13161e;box-shadow:inset 0 1px #ffffff12,0 28px 56px -36px #000000d9}.auth-enter{animation:auth-enter .56s var(--auth-ease) both}@keyframes auth-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1.2rem}.auth-form-head>div{display:flex;flex-direction:column-reverse;gap:.35rem}.auth-form-head h1{margin:0;color:var(--auth-ink);font-size:clamp(1.65rem,4.2vw,2.05rem);font-weight:600;letter-spacing:-.048em;line-height:1.05}.auth-form-head p{margin:0;color:var(--auth-teal);font-size:.82rem;font-weight:500;font-style:italic;letter-spacing:-.01em;line-height:1.35}.auth-logout{flex-shrink:0;min-height:2.5rem;padding:0 .85rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:#c9cdd6;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.auth-logout:hover{color:var(--auth-ink);border-color:#ffffff47}.auth-oauth{display:grid;gap:.45rem}.auth-oauth a{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.75rem;padding:0 1rem;border-radius:.8rem;font:inherit;font-size:.9rem;font-weight:600;letter-spacing:-.015em;text-decoration:none;cursor:pointer;transition:background-color .28s var(--auth-ease),border-color .28s var(--auth-ease),transform .28s var(--auth-ease)}.auth-oauth a:active{transform:scale(.985)}.auth-oauth-twitch{color:#fff;background:#9146ff}.auth-oauth-twitch:hover{background:#7c3ae0}.auth-oauth-google{color:var(--auth-ink);border:1px solid rgba(255,255,255,.12);background:#ffffff08}.auth-oauth-google:hover{border-color:#ffffff38;background:#ffffff0d}.auth-split{display:flex;align-items:center;gap:.75rem;margin:.95rem 0 .85rem;color:#9aa1b2;font-size:.78rem;font-weight:500}.auth-split:before,.auth-split:after{content:"";flex:1;height:1px;background:#ffffff14}.auth-label{display:grid;gap:.4rem}.auth-root .auth-label label{color:#9aa1b2;font-size:.78rem;font-weight:500;letter-spacing:-.01em}.auth-root .auth-field{height:2.75rem;border-radius:.7rem;border-color:#ffffff1a;background:#0c0e14;color:var(--auth-ink);--tw-ring-shadow: 0 0 #0000;--tw-ring-offset-shadow: 0 0 #0000}.auth-root .auth-field:hover{border-color:#ffffff2e}.auth-root .auth-field:focus-visible{border-color:#6366f1a6;box-shadow:0 0 0 3px #4f46e538;outline:none}.auth-check{display:flex;align-items:center;gap:.55rem;min-height:2.5rem;color:#c9cdd6;font-size:.9rem;cursor:pointer}.auth-check input,.auth-terms input{width:1.05rem;height:1.05rem;accent-color:var(--auth-cta)}.auth-terms{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.auth-terms input{margin-top:.15rem;flex-shrink:0}.auth-terms span{color:var(--auth-mute);font-size:.82rem;line-height:1.5}.auth-toggle{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:2.75rem;border:0;background:transparent;color:#c9cdd6;cursor:pointer}.auth-toggle:hover{color:var(--auth-ink)}.auth-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:2.95rem;margin-top:.25rem;border:0;border-radius:999px;background:var(--auth-cta);color:#fff;font:inherit;font-size:.95rem;font-weight:600;letter-spacing:-.02em;cursor:pointer;box-shadow:inset 0 1px #ffffff29;transition:background-color .28s var(--auth-ease),transform .28s var(--auth-ease)}.auth-submit:hover{background:var(--auth-cta-hover)}.auth-submit:active{transform:scale(.985)}.auth-submit:disabled{cursor:not-allowed;opacity:.55;transform:none}.auth-submit:focus-visible,.auth-logout:focus-visible,.auth-oauth a:focus-visible,.auth-logo:focus-visible,.auth-toggle:focus-visible,.auth-link:focus-visible,.auth-note a:focus-visible,.auth-links a:focus-visible,.auth-end a:focus-visible{outline:2px solid #818cf8;outline-offset:3px}.auth-note{margin:1rem 0 0;color:var(--auth-mute);font-size:.9rem}.auth-note a,.auth-link{color:var(--auth-ink);text-decoration:underline;text-underline-offset:.18em}.auth-note a:hover,.auth-link:hover{color:#fff}.auth-alert{border-radius:.55rem;padding:.7rem .85rem;font-size:.875rem;line-height:1.4;border:1px solid rgba(255,255,255,.08);background:#161922;color:#c9cdd6}.auth-alert-error{border-color:#f8717147;background:#f8717114;color:#fca5a5}.auth-alert-ok{border-color:#34d39947;background:#34d39914;color:#6ee7b7}@media(min-width:900px){.auth-top{grid-template-columns:1fr auto 1fr;padding:1.05rem 2rem 0}.auth-logo{justify-self:start}.auth-logo img{height:4.25rem}.auth-links{display:flex}.auth-end{justify-self:end}.auth-end .lp-auth-login{display:inline-flex}.auth-glow{right:2%;bottom:4%;width:min(48vw,38rem);height:22rem;background:radial-gradient(ellipse at center,rgba(45,212,191,.3),transparent 70%)}.auth-sleeve{right:-2%;bottom:-12%;width:min(36vw,28rem);border-radius:1.75rem}.auth-panel{padding:1.45rem 1.4rem 1.5rem}.auth-main{padding:1.15rem 2rem 1.5rem}}@media(prefers-reduced-motion:reduce){.auth-enter{animation:none}.auth-sleeve,.auth-submit,.auth-oauth a{transition:none}.auth-submit:active,.auth-oauth a:active{transform:none}}