.student-avatar{display:inline-flex;width:48px;height:48px;flex-shrink:0;border-radius:14px;overflow:hidden}.student-avatar svg,.student-avatar img{width:100%;height:100%;object-fit:cover}.solution-author{display:flex;align-items:center;gap:12px;margin:16px 0}.solution-author small{display:block;color:var(--mu);margin-top:3px}.solution-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}.solution-contribution textarea{display:block;width:100%;box-sizing:border-box;margin:12px 0;padding:14px;border:1px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--tx);font:inherit;resize:vertical}.solution-contribution .mu{line-height:1.6}.avatar-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:16px 0}.avatar-choice{border:2px solid transparent;background:var(--card);border-radius:14px;padding:0;cursor:pointer}.avatar-choice svg{display:block;width:100%;height:auto}.avatar-choice[aria-pressed=true]{border-color:var(--pr)}.profile-avatar-preview{width:80px;height:80px}.avatar-photo-label{display:block;margin:16px 0}.avatar-photo-label input{display:block;width:100%;margin-top:8px}.profile-appearance .btn{margin-top:10px}.avatar-choice:focus-visible{outline:2px solid var(--pr);outline-offset:3px}
/* Account settings keep each task short instead of one long form. */
.profile-settings{width:min(720px,100%);padding:24px}.profile-summary{display:flex;align-items:center;gap:16px;margin:20px 0}.profile-summary-avatar{width:64px;height:64px;border-radius:50%}.profile-summary .mu{margin:6px 0}.profile-settings-tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--bd);padding-bottom:12px;margin-bottom:20px}.profile-settings-tabs button{padding:10px 14px;border:1px solid var(--bd);border-radius:999px;background:var(--card);color:var(--tx);font:inherit;cursor:pointer;white-space:nowrap}.profile-settings-tabs button[aria-selected=true]{color:var(--pr);border-color:var(--pr);background:var(--prl)}.profile-settings [hidden]{display:none!important}.profile-settings .pf-sec{padding:20px;border:1px solid var(--bd);border-radius:16px;margin-bottom:16px}.profile-settings .pf-id{font-size:13px;overflow-wrap:anywhere}.profile-header-avatar{border-radius:50%;overflow:hidden;padding:0!important;min-width:36px!important;width:36px!important;height:36px!important}.profile-header-avatar>img,.profile-header-avatar>svg{width:100%!important;height:100%!important;object-fit:cover}.ranking-avatar{width:36px;height:36px;border-radius:50%}.profile-avatar-preview{border-radius:50%}.solution-callout{display:flex;gap:14px;align-items:flex-start}.solution-callout h3{margin:0 0 8px}.solution-emblem{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:14px;background:var(--prl);color:var(--pr);font-size:28px}.solution-contribution>button{margin-top:12px}.solution-dialog{width:min(680px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--bd);border-radius:20px;background:var(--card);color:var(--tx);box-sizing:border-box}.solution-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.solution-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.solution-dialog-head h2{margin:4px 0}.solution-dialog textarea{box-sizing:border-box;width:100%;padding:14px;margin:12px 0;background:var(--bg);color:var(--tx);border:1px solid var(--bd);border-radius:12px;font:inherit;resize:vertical}.solution-dialog .mu{line-height:1.6}.solution-preview{border:1px solid var(--bd);border-radius:12px;padding:12px;margin-bottom:16px}.solution-preview summary{cursor:pointer;color:var(--pr)}.solution-render{line-height:1.8;overflow-wrap:anywhere;margin-top:12px;white-space:normal}.solution-render math[display=block]{overflow-x:auto;max-width:100%;padding:10px 0}.solution-image-label{display:block;margin:16px 0}.solution-image-label input{display:block;max-width:100%;margin-top:8px}.solution-image-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.solution-image-previews figure{margin:0}.solution-image-previews img,.solution-attachment{display:block;width:100%;height:auto;border-radius:12px;margin:12px 0}.solution-dialog [type=submit]{width:100%}@media(max-width:480px){.profile-settings{padding:16px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.solution-dialog{padding:18px}.xpb-r{gap:8px}.xpb-n{min-width:0}.xpb-n b{overflow-wrap:anywhere}}

.xpb-r{display:grid!important;grid-template-columns:32px 32px 36px minmax(0,1fr) auto!important}.xpb-x{font-size:14px;white-space:nowrap}@media(max-width:380px){.xpb-r{gap:6px!important;grid-template-columns:28px 28px 30px minmax(0,1fr) auto!important}.ranking-avatar{width:30px;height:30px}.xpb-n b{font-size:13px}.xpb-x{font-size:12px}}