.my-profile-page{max-width:780px;margin:auto}.my-profile-card{margin-bottom:22px}.my-profile-card header{display:flex;gap:20px;align-items:center}.my-profile-card h1{margin:0 0 8px}.my-profile-picture{width:88px;height:88px;flex-shrink:0;border-radius:50%;background:#dcebff;color:#173b8f;display:grid;place-items:center;font-size:36px;overflow:hidden}.my-profile-picture img,.m-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.my-profile-page details{border-bottom:1px solid #e4ebf7;padding:17px 0}.my-profile-page summary{cursor:pointer;color:#173b8f;font-weight:600;list-style:none;display:flex;justify-content:space-between}.my-profile-page summary::after{content:'+'}.my-profile-page details[open] summary::after{content:'−'}.my-profile-page details>div{margin-top:18px}.my-profile-page .m-field textarea{min-height:110px}.profile-editor{margin:22px 0}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.avatar-choice{padding:10px 5px;border:1px solid #dce5f5;border-radius:12px;background:#f6f9ff;color:#173b8f;font-size:12px;cursor:pointer}.avatar-choice span{display:block;font-size:30px;margin-bottom:8px}.avatar-choice[aria-pressed=true]{outline:2px solid #2563eb;background:#dcebff}.picture-preview{margin:18px auto;width:150px;height:150px}.picture-controls{display:grid;gap:10px;margin:15px 0}.picture-controls input{width:100%}.picture-controls[hidden]{display:none}.my-profile-signout{display:flex;justify-content:flex-end;margin-top:20px}.my-profile-editor-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}@media(max-width:500px){.my-profile-picture{width:68px;height:68px;font-size:28px}.my-profile-card header{gap:14px}.avatar-grid{grid-template-columns:repeat(3,1fr)}}
.my-profile-page [hidden]{display:none!important}.m-avatar{overflow:hidden}
.m-dialog:has(.avatar-categories){max-height:90vh;overflow-y:auto}.avatar-categories{margin-bottom:20px}
.avatar-initial[aria-pressed=true]{outline:2px solid #2563eb;background:#dcebff}
.avatar-category-list h4{font-size:16px;margin:22px 0 10px;color:#173b8f}.avatar-category-list .avatar-grid{margin:0;grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-category-list .avatar-choice{font-size:14px;padding:8px;min-width:0}.avatar-choice img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;object-fit:cover}.avatar-choice .avatar-label{font-size:14px;margin:8px 0 0;line-height:1.4}.avatar-choice:focus-visible{outline:3px solid #2563eb;outline-offset:3px}@media(max-width:500px){.avatar-category-list .avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}