.auth-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#3b326b,#17191f 58%)}.auth-screen.hidden{display:none}.auth-card{width:min(410px,calc(100% - 32px));padding:34px;background:#20232b;border:1px solid #3c4050;border-radius:16px;box-shadow:0 20px 70px #0008;text-align:center}.auth-brand{margin:0 auto 20px}.auth-card h1{font-size:23px;margin:0 0 8px}.auth-card p{color:#9da3b2;font-size:14px;margin:0 0 25px}.auth-card form{display:grid;gap:11px}.auth-card input{border:1px solid #3d4250;border-radius:8px;padding:12px 13px;background:#171a20;color:#fff;outline:0}.auth-card input:focus{border-color:#8274ff}.auth-card form button{border:0;border-radius:8px;padding:12px;background:#7665ef;color:#fff;font-weight:700;cursor:pointer}.auth-switch{border:0;background:none;color:#a59cff;margin-top:17px;cursor:pointer}.auth-card small{display:block;color:#ed7e8b;margin-top:12px;min-height:15px}.friends{padding:15px 12px 10px;border-top:1px solid #30343f}.friends-title{font-size:11px;color:#818797;font-weight:800;letter-spacing:.07em}.friends-title button{float:right;border:0;background:none;color:#b0a6ff;font-size:19px;line-height:10px}.friend{display:flex;gap:8px;align-items:center;padding:9px 4px;color:#d8dae2;font-size:13px}.friend small{display:block;color:#69ce94;font-size:10px}.friend .avatar{width:28px;height:28px;flex-basis:28px;font-size:11px}