.account-identity{display:flex;align-items:center;gap:14px;min-width:180px;margin-right:auto}.account-identity-text{display:flex;flex-direction:column;gap:4px}.account-identity-text #customer-email{font:24px/1.1 Georgia,serif;color:#f4dbe4;overflow-wrap:anywhere}.account-identity-text small{font:10px/1.4 system-ui;letter-spacing:1.7px;color:#ba97a6}.avatar-button{flex:none;width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;overflow:hidden;border:1px solid #c08b9d!important;background:radial-gradient(circle at 35% 25%,#805267,#30212b)!important;color:#f3d6e2!important;font:24px Georgia;cursor:pointer}.avatar-button img{width:100%;height:100%;object-fit:cover;display:block}.avatar-button:focus-visible{outline:2px solid #f2bfd0;outline-offset:4px}.avatar-dialog{color:#f5e2eb;background:#251b23;border:1px solid #98697d;border-radius:22px;padding:24px;max-width:380px;width:calc(100% - 30px);box-sizing:border-box}.avatar-dialog::backdrop{background:#08060bcc;backdrop-filter:blur(6px)}.avatar-dialog h2{font:28px Georgia;margin:0 0 12px}.avatar-dialog p{font-size:13px;line-height:1.5;color:#ccb0bf}.avatar-crop{aspect-ratio:1;position:relative;overflow:hidden;border-radius:50%;border:2px solid #dda7bd;margin:18px 0}.avatar-crop canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.avatar-dialog input{width:100%;accent-color:#d5a1b8}.avatar-actions{display:flex;gap:10px;margin-top:20px}.avatar-actions button{border:1px solid #93677c;border-radius:20px;padding:12px;background:#3d2a36;color:#f9e6ee}.avatar-actions button:last-child{background:#dfb4c4;color:#271c23}.avatar-actions button:disabled{opacity:.5}

html.avatar-editing,html.avatar-editing body{overscroll-behavior:none!important}
.avatar-dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:20px}
.avatar-crop,.avatar-crop canvas{touch-action:none!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}
.avatar-crop{width:min(100%,calc(100dvh - 300px));min-width:160px;margin:16px auto}
.avatar-dialog input[type=range]{touch-action:pan-x;min-height:40px;border:0;padding:0;background:transparent;box-shadow:none;outline-offset:2px}
.avatar-dialog button{touch-action:manipulation}
