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-screen{position:fixed;inset:0;z-index:300;overflow:auto;background:radial-gradient(ellipse at 48% 0,#f8e8eb 0,transparent 58%),#faf9f7;color:#242525;color-scheme:light}#account-screen[hidden]{display:none}
.account-layout{min-height:100dvh;display:grid;place-items:center;padding:48px 24px;box-sizing:border-box}.account-content{width:min(100%,368px)}.account-form-wrap{width:100%;animation:account-enter .28s ease-out}.account-brand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:21px;font-weight:750;letter-spacing:-.6px;margin-bottom:38px}.account-brand>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#ed647f;color:white;font-size:25px;box-shadow:0 7px 18px #ed647f20}
.account-form-wrap h1{text-align:center;font-size:32px;line-height:1.18;letter-spacing:-1.2px;margin:0 0 12px;font-weight:720}.account-caption{text-align:center;font-size:13px;color:#71716f;line-height:1.7;margin:0 0 28px}.account-field{display:block;margin:17px 0}.account-field>span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.account-field input{width:100%;height:49px;border:1px solid #dfdfda;background:#fff9;border-radius:14px;padding:0 15px;font:inherit;font-size:16px;color:#242525;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}.account-field input:focus{outline:none;border-color:#d76b81;box-shadow:0 0 0 3px #ed647f18}.account-password{position:relative}.account-password input{padding-right:67px}.account-password>button{position:absolute;right:8px;bottom:4px;min-height:41px;padding:0 8px;font-size:11px;color:#737370}
.account-primary,.account-secondary,.account-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-radius:999px;padding:14px 20px;min-height:49px;font:inherit;font-size:13px;font-weight:650;text-align:center;box-sizing:border-box;transition:background .18s,transform .18s}.account-primary{background:#e95f7b;color:#fff;margin-top:22px;box-shadow:0 5px 14px #e95f7b19}.account-primary:hover{background:#d94f6c}.account-primary:active,.account-google:active{transform:scale(.985)}.account-secondary,.account-google{border:1px solid #deded9;background:#fff9;color:#343634}.account-google:hover,.account-secondary:hover{background:#fff}.account-google svg{flex:none}.account-primary:disabled,.account-secondary:disabled,.account-google:disabled{opacity:.5;cursor:wait}.account-divider{display:flex;align-items:center;gap:14px;color:#92928d;font-size:11px;margin:23px 0}.account-divider:before,.account-divider:after{content:'';height:1px;background:#e4e2dd;flex:1}
.account-text{display:block;margin:14px auto;padding:6px;font-size:12px;color:#8a5d69}.account-switch{text-align:center;font-size:12px;color:#797976;margin:24px 0}.account-switch button{color:#c5415e;font-weight:650;margin-left:4px;padding:6px 2px}.account-guest{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;font-size:12px;color:#71736f;border-top:1px solid #e7e4df;margin-top:22px;padding:20px 0 0}.account-content footer{font-size:10px;color:#969691;padding-top:36px;text-align:center}.account-note{font-size:11px;line-height:1.8;color:#7b7e7b;margin:12px 0}.account-setup{background:#f6ebee;padding:14px 16px;border-radius:14px;font-size:12px;line-height:1.7;margin:20px 0}.account-setup p{margin:6px 0}.account-setup button{color:#a13d52;text-decoration:underline;padding:5px 0}
.account-identity{display:flex;align-items:center;gap:14px;margin:26px 0}.account-identity>span{width:52px;height:52px;flex:none;border-radius:50%;background:#f9dfe6;display:grid;place-items:center;color:#c34b68;font-weight:700}.account-identity strong,.account-identity small{display:block;overflow-wrap:anywhere}.account-identity small{font-size:12px;color:#7b7e7b;margin-top:5px}.account-actions{display:grid;gap:12px}#account-status{font-size:12px;line-height:1.7;color:#6b7f70;overflow-wrap:anywhere}#account-error{font-size:12px;line-height:1.7;color:#a3334d;background:#f8e5eb;border-radius:12px;padding:12px 15px;margin-top:18px;overflow-wrap:anywhere}#account-error.is-success{color:#326148;background:#e8f1e9}.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 #cc4d6a;outline-offset:4px}
@keyframes account-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.account-layout{padding:30px 26px max(28px,env(safe-area-inset-bottom))}.account-brand{margin-bottom:29px}.account-form-wrap h1{font-size:29px}.account-content footer{padding-top:26px}}@media(prefers-reduced-motion:reduce){.account-form-wrap{animation:none}#account-screen *{transition:none}}