.player{width:100%;text-align:left;background:none;gap:9px}.player-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.player>svg{width:13px;height:13px;color:#879e8a}.account-top{max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-tabs{display:flex;border-bottom:1px solid #36483b;gap:26px;margin-bottom:23px}.auth-tabs button{padding:0 0 12px;color:#809887;font-size:13px;border-bottom:2px solid transparent}.auth-tabs button.active{color:#c3e2c7;border-bottom-color:#abd8b5}.auth-submit{width:100%;margin-top:10px;padding:12px}.form-error{color:#e2b59b;font-size:12px;line-height:1.8;margin-bottom:12px;min-height:0}.form-error:empty{display:none}#modal:has(#auth-form),#modal:has(#password-form){max-width:475px}.account-identity{display:flex;gap:15px;align-items:center;margin-bottom:22px}.account-identity .avatar{width:52px;height:52px;font-size:25px}.account-identity strong{font-size:22px;font-weight:500}.account-identity small{display:block;color:#8ca792;font-size:11px;margin-top:5px}.account-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.library-heading-actions{display:flex;gap:9px;align-items:center}.migration-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 23px;background:#21352a;border:1px solid #466c4c;border-radius:8px;margin:0 0 25px}.migration-banner strong{font-size:14px;font-weight:500;color:#d4e6d4}.migration-banner p{font-size:11px;color:#9ab29d;margin-top:5px}.migration-banner .btn{white-space:nowrap}.legacy-link{color:#6d8475;font-size:10px;margin:0 0 20px}.legacy-link a{color:#abcab1;text-decoration:underline}.auth-submit:disabled{opacity:.6}
@media(max-width:760px){.account-top{max-width:95px;font-size:9px}.top-actions{gap:5px}.topbar .compact{padding:7px 8px}.library-heading-actions{flex-wrap:wrap;justify-content:flex-end;max-width:135px}.library-heading-actions .btn{padding:7px 10px}.migration-banner{display:block;padding:17px}.migration-banner .btn{margin-top:13px}.library-intro{gap:15px}.library-intro h1{font-size:21px}.library-intro p{font-size:10px}.library-intro .eyebrow{font-size:7px}.account-actions .btn{flex:1;white-space:nowrap}}
@media(max-width:360px){.topbar{padding:0 11px}.topbar .compact{font-size:9px;padding:7px 6px}.breadcrumb{font-size:10px;gap:5px}}