body.account-open{overflow:hidden}body.account-open>#sidebar,body.account-open>.workspace,body.account-open>#player,body.account-open>#mobile-nav{visibility:hidden}
.account-form-wrap h1:focus{outline:none}
#account-screen{--account-bg:#111213;--account-accent:#ff6b89;position:fixed;inset:0;z-index:300;overflow:auto;background:radial-gradient(ellipse at 15% 25%,#fc748d,transparent 70%),#da4465;color:#fff;color-scheme:dark}#account-screen[hidden]{display:none}#account-screen *{box-sizing:border-box}
.account-layout{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,424px);align-items:center;gap:clamp(40px,7vw,110px);width:min(1200px,100%);margin:auto;padding:40px 56px}.account-desktop-brand{padding-bottom:20px}.account-wordmark{display:flex;align-items:center;gap:22px;white-space:nowrap}.account-wordmark svg{width:clamp(82px,10vw,132px);flex:none;--brand-mark-ink:#e94f70}.account-wordmark>span{font-size:clamp(60px,7.8vw,104px);font-weight:760;letter-spacing:-6px;line-height:1}.account-desktop-brand>p{font-size:16px;font-weight:500;letter-spacing:.1px;margin:28px 0 0 8px;color:#ffedf1}
.account-content{position:relative;isolation:isolate;overflow:hidden;align-self:center;width:100%;background:var(--account-bg);border-radius:32px;box-shadow:0 26px 70px #70152a35}.account-artwork{position:relative;height:255px;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 0,#25222a,#101112 85%)}.account-artwork:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#11121300 12%,#11121322 35%,#111213b3 74%,var(--account-bg) 100%)}.account-disc{position:absolute;width:91px;height:91px;object-fit:cover;border-radius:50%;filter:saturate(.74);box-shadow:0 0 0 1px #ffffff08;opacity:.94}.account-disc-0{left:-37px;top:24px;width:96px;height:96px}.account-disc-1{left:74px;top:-45px;width:100px;height:100px}.account-disc-2{left:182px;top:12px}.account-disc-3{right:-36px;top:-22px;width:110px;height:110px}.account-disc-4{left:47px;top:83px;width:95px;height:95px}.account-disc-5{left:163px;top:117px;width:85px;height:85px}.account-disc-6{right:-13px;top:115px;width:104px;height:104px}.account-disc-7{left:-57px;top:181px;width:98px;height:98px}.account-disc-8{left:65px;top:201px;width:92px;height:92px}.account-disc-9{left:255px;top:213px;width:89px;height:89px}.account-disc-10{right:59px;top:-73px;width:88px;height:88px}.account-disc-11{left:176px;top:246px;width:92px;height:92px}
.account-form-wrap{position:relative;z-index:2;padding:0 34px;animation:account-enter .25s ease-out}.account-brand{display:flex;justify-content:center;align-items:center;gap:9px;margin:-27px 0 20px;position:relative}.account-brand svg{width:47px;height:47px;flex:none}.account-brand-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.account-form-wrap h1{text-align:center;font-size:32px;font-weight:740;letter-spacing:-1.1px;line-height:1.23;margin:0 0 14px}.account-caption{text-align:center;font-size:12px;color:#b3b3b7;line-height:1.7;margin:0 0 27px}.account-entry-actions{display:grid;gap:12px;margin-top:34px}
.account-primary,.account-secondary,.account-google{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;border-radius:999px;padding:13px 24px;font:inherit;font-size:13px;font-weight:680;text-align:center;transition:background .18s,transform .18s,border-color .18s}.account-primary{background:var(--account-accent);color:#161112;margin-top:22px;border:1px solid transparent}.account-primary:hover{background:#ff87a0}.account-primary:active,.account-secondary:active,.account-google:active{transform:scale(.98)}.account-secondary,.account-google{background:transparent;border:1px solid #55555a;color:#fafafa}.account-secondary:hover,.account-google:hover{background:#ffffff09;border-color:#a2a2a6}.account-google svg{position:absolute;left:19px;width:19px;height:19px}.account-primary:disabled,.account-secondary:disabled,.account-google:disabled{opacity:.45;cursor:wait}.account-entry-actions .account-primary{margin:0}.account-text{display:block;margin:13px auto;padding:8px;font-size:12px;color:#e2e2e5}.account-entry-login{font-size:14px;font-weight:650;margin:0;min-height:42px}.account-guest{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;margin:5px 0 0;padding:10px 0;font-size:11px;color:#a6a6aa}.account-guest:hover{color:#fff}.account-content footer{padding:12px 20px 25px;text-align:center;color:#78787e;font-size:10px;letter-spacing:.35px}
.account-back{position:absolute;left:20px;top:-82px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff18;border-radius:50%;background:#111213a6;color:#fff}.account-back svg{width:20px;height:20px}#account-screen:not([data-mode=intro]) .account-artwork{height:126px}#account-screen:not([data-mode=intro]) .account-artwork:after{background:linear-gradient(180deg,#11121333,var(--account-bg))}#account-screen:not([data-mode=intro]) .account-form-wrap h1{font-size:27px}#account-screen:not([data-mode=intro]) .account-brand{margin-bottom:18px}#account-screen:not([data-mode=intro]) .account-caption{margin-bottom:24px}
.account-divider{display:flex;align-items:center;gap:14px;font-size:10px;color:#96969c;margin:23px 0}.account-divider:before,.account-divider:after{content:'';flex:1;height:1px;background:#ffffff15}.account-field{display:block;margin:16px 0}.account-field>span{display:block;font-size:11px;font-weight:600;margin-bottom:8px;color:#e5e5e8}.account-field input{width:100%;height:48px;border:1px solid #454549;border-radius:12px;background:#ffffff04;color:#fff;padding:0 14px;font:inherit;font-size:16px;transition:border-color .18s,box-shadow .18s}.account-field input:focus{outline:none;border-color:#ff91a9;box-shadow:0 0 0 3px #ff6b891a}.account-field input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:0 0 0 1000px #232326 inset;caret-color:#fff}.account-password{position:relative}.account-password input{padding-right:65px}.account-password>button{position:absolute;right:7px;bottom:3px;min-height:42px;padding:0 8px;font-size:11px;color:#c1c1c7}.account-switch{text-align:center;color:#aaaab1;font-size:11px;margin:16px 0}.account-switch button{padding:7px 3px;color:#fff;font-weight:650}.account-note{font-size:11px;line-height:1.7;color:#a1a1a9;margin:12px 0}.account-connection{text-align:center}.account-setup{padding:13px 16px;background:#ff6b8910;border:1px solid #ff6b892e;border-radius:12px;font-size:12px;line-height:1.65;margin:18px 0}.account-setup p{margin:5px 0;color:#c7bdc0}.account-setup button{color:#ff9ab1;text-decoration:underline;padding:5px 0}
.account-identity{display:flex;align-items:center;gap:13px;margin:25px 0}.account-identity>span{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ff6b8925;color:#ffa0b4;font-weight:650}.account-identity strong,.account-identity small{display:block;overflow-wrap:anywhere}.account-identity small{font-size:12px;color:#aaaab1;margin-top:5px}.account-actions{display:grid;gap:12px}#account-status{color:#b1c9bc;font-size:12px;line-height:1.7;overflow-wrap:anywhere}#account-error{background:#ff6b8915;color:#ffb4c2;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:16px}#account-error.is-success{background:#78d99c12;color:#a7dbba}.account-setting{padding:15px 0;border-bottom:1px solid var(--line)}.account-setting .secondary-button{margin-top:12px}#account-screen button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@keyframes account-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:801px) and (max-height:780px){.account-layout{padding-block:24px}.account-artwork{height:218px}.account-entry-actions{margin-top:25px}.account-brand{margin-bottom:16px}.account-content footer{padding-bottom:19px}}
@media(max-width:1000px) and (min-width:801px){.account-layout{padding-inline:32px;gap:30px;grid-template-columns:minmax(0,1fr) 390px}.account-wordmark{gap:14px}.account-wordmark svg{width:75px}.account-wordmark>span{font-size:64px;letter-spacing:-3px}.account-desktop-brand>p{font-size:13px}}
@media(max-width:800px){#account-screen{background:var(--account-bg)}.account-layout{display:block;min-height:100dvh;width:100%;padding:0}.account-desktop-brand{display:none}.account-content{width:min(100%,480px);min-height:100dvh;margin:auto;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.account-artwork{height:clamp(220px,34dvh,300px);flex:none}.account-form-wrap{padding-inline:32px}.account-form-wrap h1{font-size:31px}.account-content footer{margin-top:auto;padding:14px 20px max(20px,env(safe-area-inset-bottom))}.account-entry-actions{margin-top:32px}.account-caption{max-width:290px;margin-inline:auto}.account-disc{transform:scale(1.06)}#account-screen:not([data-mode=intro]) .account-artwork{height:115px}.account-back{left:22px}.account-guest{margin-bottom:10px}}
@media(max-width:359px){.account-form-wrap{padding-inline:23px}.account-form-wrap h1{font-size:28px}.account-google{padding-inline:40px}.account-artwork{height:210px}.account-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.account-form-wrap{animation:none}#account-screen *{transition:none}}