.youkou-avatar{display:inline-grid;place-items:center;width:var(--avatar-size,48px);height:var(--avatar-size,48px);flex:0 0 var(--avatar-size,48px);overflow:hidden;border-radius:24%;background:#e1e7dc;color:#314943;font-size:calc(var(--avatar-size,48px)*.32);font-weight:750;line-height:1;vertical-align:middle}.youkou-avatar svg{display:block;width:100%;height:100%}
.pupil-identity #pupil-avatar.youkou-avatar{width:var(--avatar-size);height:var(--avatar-size);flex-basis:var(--avatar-size)}#personalize-avatar{font-size:12px;padding:7px 10px;min-height:36px;margin-top:10px}
#avatar-editor{width:min(540px,100%);max-width:100%;padding:24px;color:var(--youkou-ink);background:var(--white);box-sizing:border-box}#avatar-editor h2{font-family:"Libre Baskerville",Georgia,serif;font-size:24px;line-height:1.4;margin:0}#avatar-editor .avatar-preview{display:flex;gap:18px;align-items:center;padding:20px 0}#avatar-editor .avatar-preview>div{min-width:0}#avatar-editor .avatar-preview p{overflow-wrap:anywhere;font-size:14px}#avatar-editor .avatar-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}#avatar-editor label{display:grid;gap:6px;font-size:13px;min-width:0}#avatar-editor select{width:100%;min-width:0;min-height:44px;font:inherit;padding:10px;border:1px solid #b5c3ba;border-radius:10px;background:#fffdfa;color:#314943}#avatar-editor .avatar-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}#avatar-editor .avatar-reset{margin-top:16px;font-size:12px}#avatar-editor :is(button,select):focus-visible{outline:3px solid #a15443;outline-offset:3px}#avatar-editor-status{min-height:20px;font-size:13px;line-height:1.5;color:#804533}#avatar-editor::backdrop{background:#173f4366}
.observer-student-choice{display:flex;align-items:center;gap:10px}.observer-student-choice select{flex:1;min-width:0;width:100%}#observe-mentions button{display:flex;align-items:center;gap:10px}#observe-mentions .mention-student-name{min-width:0;overflow-wrap:anywhere}#observe-mentions .mention-student-name small{display:block;font-size:11px;color:#53665c;margin-top:4px}
@media(max-width:480px){#avatar-editor{padding:20px 16px}#avatar-editor h2{font-size:21px}#avatar-editor .avatar-choices{gap:12px 10px}.pupil-identity{align-items:flex-start}.pupil-identity h2{font-size:20px}#avatar-editor .avatar-actions button{flex:1}#avatar-editor .avatar-preview{gap:14px}}

#avatar-editor :is(button,select){-webkit-tap-highlight-color:transparent}


#avatar-editor .avatar-categories{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}#avatar-editor [role=tab]{min-height:44px;border:1px solid #c8d2c9;background:#fffdfa;color:#314943;border-radius:12px;padding:8px 12px;font:inherit;font-size:12px;cursor:pointer}#avatar-editor [role=tab][aria-selected=true]{background:#e1e7dc;border-color:#55786a;font-weight:700}#avatar-options-title{font-size:14px;margin:0 0 10px}#avatar-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#avatar-editor [role=radio]{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:6px;min-width:0;min-height:88px;border:1px solid #d4dcd3;border-radius:12px;padding:8px 3px;background:#fffdfa;color:#314943;font:inherit;font-size:11px;line-height:1.3;overflow-wrap:anywhere;cursor:pointer}#avatar-editor [role=radio][aria-checked=true]{border:2px solid #a35e4d;background:#faf1e8;padding:7px 2px}#avatar-editor [role=radio]:hover{background:#eef2ea}#avatar-editor .avatar-actions{position:sticky;bottom:-24px;background:#fffdfa;padding:12px 0;margin-top:8px}#avatar-editor-status{margin:8px 0;min-height:18px}#avatar-editor .avatar-preview{padding:16px 0}.student .student-info{align-self:center}.student .youkou-avatar{flex-shrink:0}
@media(max-width:480px){#avatar-options{grid-template-columns:repeat(4,minmax(0,1fr))}#avatar-editor [role=tab]{padding:8px;font-size:11px}#avatar-editor .avatar-actions{bottom:-20px}.pupil-identity #pupil-avatar.youkou-avatar{--avatar-size:100px!important}.pupil-identity>div{flex:1;min-width:0}.pupil-identity h2{overflow-wrap:anywhere}}