.account-dialog .account-user{flex-direction:column;text-align:center;gap:10px;padding:28px 0 25px}
.account-dialog .account-user>div:last-child{justify-items:center;max-width:100%}
.account-dialog .account-user strong{font-size:19px}
.account-dialog .account-user small{font-size:12px}
.account-dialog .account-avatar{width:96px;height:96px;font-size:28px;border-radius:50%;overflow:hidden;border:2px solid #668d70;cursor:pointer;padding:0}
.account-dialog .account-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.account-dialog .account-avatar-label{display:block;cursor:pointer}
.account-dialog .profile-hero .account-avatar{display:grid;place-items:center;cursor:pointer}
.account-dialog .account-photo-hint{border:0;background:none;color:#a7cba9;font:inherit;font-size:12px;font-weight:800;cursor:pointer;padding:4px 0}
.account-dialog.is-profile-page{inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;border:0;border-radius:0;box-shadow:none;animation:none!important}
.account-dialog.is-profile-page .account-drawer{padding:0 20px 40px}
.account-dialog.is-profile-page .account-drawer-top,.account-dialog.is-profile-page .account-user,.account-dialog.is-profile-page .account-home-link{display:none}
.account-dialog.is-profile-page .account-detail{width:min(100%,590px);margin:0 auto;padding:18px 0 40px}
.account-dialog.is-profile-page .account-detail section[data-page=profile]{animation:profile-rise 440ms cubic-bezier(.2,.75,.25,1) both}
.account-dialog.is-profile-page .account-detail h2{font-size:clamp(27px,5vw,38px);margin:19px 0 20px}
.account-dialog.is-profile-page #account-detail-back{min-height:36px}
.account-dialog.is-profile-page .profile-hero{display:grid;justify-items:center;gap:3px;margin-bottom:24px}
.account-dialog.is-profile-page .profile-hero .account-avatar{width:112px;height:112px}
.account-dialog .profile-rows{display:grid;gap:9px}
.account-dialog .profile-row{display:grid;grid-template-columns:minmax(95px,1fr) minmax(0,1.4fr) 18px;align-items:center;gap:10px;width:100%;min-height:60px;padding:12px 15px;border:1px solid #435a49;border-radius:13px;background:#202b22;color:#f1f7ef;text-align:left;font:inherit;cursor:pointer}
.account-dialog .profile-row span{font-size:13px;opacity:.7}
.account-dialog .profile-row strong{font-size:14px;min-width:0;overflow-wrap:anywhere;font-weight:800;text-align:right}
.account-dialog .profile-row svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}
.account-dialog .profile-row-static{cursor:default;grid-template-columns:minmax(95px,1fr) minmax(0,1.4fr) 18px}
.account-dialog .profile-row-static strong{grid-column:2/4}
.account-dialog #account-profile-form[hidden]{display:none}
.account-dialog #account-profile-form{margin-top:18px;padding:18px;border:1px solid #435a49;border-radius:14px;background:#202b22}
.account-dialog #account-profile-form.profile-form-enter{animation:profile-rise 330ms ease-out both}
.account-dialog #account-profile-form .profile-edit-cancel{background:transparent;border-color:#708473;color:inherit}
.account-dialog .account-profile-actions{max-width:590px;margin-top:25px}
html[data-theme=light] .account-dialog.is-profile-page{background:#fff;color:#17231b}
html[data-theme=light] .account-dialog .account-photo-hint{color:#22663e}
html[data-theme=light] .account-dialog .account-avatar{border-color:#b0cdb7}
html[data-theme=light] .account-dialog .profile-row{background:#f5f9f5;color:#17231b;border-color:#d7e3d8}
html[data-theme=light] .account-dialog #account-profile-form{background:#f7faf7;border-color:#d7e3d8}
html[data-theme=light] .account-dialog #account-profile-form .profile-edit-cancel{background:#fff;color:#1b6040;border-color:#b8cdbb}
@keyframes profile-rise{from{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.account-dialog.is-profile-page .account-drawer{padding-inline:16px}.account-dialog .profile-row{grid-template-columns:92px minmax(0,1fr) 15px;gap:7px;padding:11px 12px}.account-dialog .profile-row strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){.account-dialog.is-profile-page .account-detail section[data-page=profile],.account-dialog #account-profile-form.profile-form-enter{animation:none!important}}
.reduce-motion .account-dialog.is-profile-page .account-detail section[data-page=profile],.reduce-motion .account-dialog #account-profile-form.profile-form-enter{animation:none!important}