.teacher-class-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#6751ca;font-weight:700}.class-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:50px;background:#f1eafd;padding:10px 25px;border-bottom:1px solid #e1d7f2;font-size:13px}.class-banner strong{font-size:14px;color:#665093;margin-right:13px}.class-banner small{font-size:12px;color:#93859d}.class-banner>div{display:flex;align-items:center;gap:14px}.class-banner button{font-size:12px;padding:6px 10px;border:1px solid #d8cbe9;background:white;border-radius:9px;color:#705893;min-height:34px}#studentClassStatus{color:#80718d}#studentClassStatus[data-kind=ok]{color:#328269}#studentClassStatus[data-kind=error]{color:#b45b68}.join-class-dialog{max-width:470px}.join-class-dialog h2{margin-bottom:13px}.join-class-dialog>p{color:#90859c;line-height:1.7;margin-bottom:22px;font-size:14px}.join-fields{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;margin-bottom:21px}.join-fields label{font-size:14px;color:#635577}.join-fields input{width:100%;margin-top:9px;padding:14px;border:1px solid #ded5eb;border-radius:12px;font:inherit}.join-class-dialog #joinStatus{font-size:13px;color:#a26277;margin:18px 0 0;min-height:20px}.join-class-mark{font-size:44px;color:#ffb661;margin-bottom:10px}#classAcceptHint{font-size:13px;line-height:1.6;margin:10px 0;color:#8b789e}.class-student-mode .brand p{font-size:12px;letter-spacing:1px}.class-student-mode .brand h1 span{display:none}
@media(min-width:851px){.class-student-mode .workspace{height:calc(100dvh - 132px)}}
@media(min-width:1600px){.class-student-mode .workspace{height:calc(100dvh - 146px)}}
@media(max-width:1150px){.class-student-mode .header-actions .button{font-size:12px;padding:0 12px;min-height:44px}.class-student-mode .header-actions{gap:4px}.class-banner{padding:9px 20px;gap:10px}.class-banner>div{gap:8px}}
@media(max-width:850px){.class-banner{flex-wrap:wrap;padding:11px 16px;gap:8px}.class-banner>div{flex-wrap:wrap}.class-banner strong{margin-right:5px}.teacher-class-link{font-size:12px!important}.class-student-mode .header-actions{flex-wrap:wrap}}