.profile-hero{align-items:center;gap:18px}
.profile-hero .profile-avatar{overflow:hidden;border-radius:50%;flex:none}
.profile-hero .profile-intro{min-width:0}
.profile-intro h1{font:700 25px Manrope;margin:0 0 6px}
.profile-intro h1 span{color:#d6e99c}
.profile-edit{margin-left:auto;flex:none;background:var(--lime);color:#263b30}
.avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.profile-avatar-small{overflow:hidden}
.profile-avatar-small .avatar-image{border-radius:inherit}
.modal-overlay{position:fixed;inset:0;z-index:2000;background:#13231f88;backdrop-filter:blur(4px);display:grid;place-items:center;padding:18px}
.profile-modal-card{position:relative;width:min(410px,100%);max-height:min(90vh,740px);overflow:auto;background:#fff;border-radius:22px;padding:27px 28px 25px;box-shadow:0 24px 80px #162b2460;text-align:center}
.profile-modal-card h2{font:700 22px Manrope;margin:0 0 19px}
.modal-close{position:absolute;top:15px;right:16px;width:31px;height:31px;border:0;border-radius:50%;background:#f1f4ee;color:#647169;font-size:21px;cursor:pointer}
.photo-picker{position:relative;display:block;margin:0 auto;width:106px;height:106px;padding:0;border:0;background:transparent;cursor:pointer}
.photo-preview{display:grid;place-items:center;width:106px;height:106px;overflow:hidden;border-radius:50%;background:var(--lime);color:#35432f;font:800 38px Manrope;box-shadow:0 0 0 5px #eef4e8}
.photo-preview .avatar-image{object-fit:cover}
.photo-pencil{position:absolute;right:-1px;bottom:1px;display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--green);color:#fff;font-size:16px;box-shadow:0 2px 9px #183c2b35}
.modal-hint{font-size:11px;color:#88948c;margin:14px 0 19px}
.name-field{display:block;text-align:left;font-size:12px;font-weight:800;color:#65716a}
.name-field input{display:block;width:100%;margin-top:8px;border:1px solid #dfe5dc;border-radius:11px;padding:12px 13px;font:500 14px 'DM Sans';outline:none}
.name-field input:focus{border-color:#639a75;box-shadow:0 0 0 3px #286c5915}
.modal-error{min-height:18px;margin-top:8px;color:#b64c43;font-size:12px;text-align:left}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
@media(max-width:620px){.profile-hero{display:grid;grid-template-columns:52px 1fr;gap:10px 13px;padding:20px}.profile-hero .profile-avatar{width:52px;height:52px;font-size:21px}.profile-intro h1{font-size:21px}.profile-intro p{font-size:12px}.profile-edit{grid-column:2;margin:2px 0 0;padding:10px 13px}.profile-modal-card{padding:25px 21px 21px}.photo-picker,.photo-preview{width:96px;height:96px}}