.account-avatar-toggle{display:grid;place-items:center;width:42px;height:42px;padding:3px;border:1px solid #ccd7c4;border-radius:50%;background:#edf2e6;color:#294435;cursor:pointer;transition:box-shadow .2s,transform .2s}
.account-avatar-toggle[hidden],.account-summary[hidden]{display:none!important}
.account-avatar-toggle:hover{box-shadow:0 3px 14px #29443524;transform:translateY(-1px)}
.account-avatar-toggle:focus-visible,.account-close:focus-visible{outline:3px solid #809574;outline-offset:3px}
.account-avatar{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:50%;background:#e6eddc;color:#53694b;flex-shrink:0}
.account-avatar svg{width:65%;height:65%}.account-avatar img{width:100%;height:100%;object-fit:cover}
.account-avatar-large{width:68px;height:68px;border:3px solid #fff;box-shadow:0 0 0 1px #dae3d2}
.account-modal{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid #dce3d5;border-radius:24px;background:#fafbf6;color:#294435;box-shadow:0 24px 80px #10291e38;overflow:auto;scrollbar-gutter:auto}
.account-modal::backdrop{background:#132b2266;backdrop-filter:blur(5px)}
.account-modal[open]{animation:account-arrive .22s cubic-bezier(.22,1,.36,1)}
.account-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:25px}
.account-modal-heading h2{font-family:Georgia,serif;font-weight:400;font-size:29px;line-height:1.2;margin:7px 0 0}
.account-close{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;padding:0;border:1px solid #dce3d5;border-radius:50%;background:#fff;color:#294435;font-size:24px;line-height:1;cursor:pointer}
.account-profile{display:flex;align-items:center;gap:18px;min-width:0}.account-profile-info{min-width:0;overflow-wrap:anywhere}
.account-profile h3{font-size:20px;font-weight:500;line-height:1.3;margin:7px 0}.account-email{margin:5px 0 12px;font-size:14px;line-height:1.5;color:#607354}
.account-method{display:inline-block;padding:6px 11px;border-radius:20px;background:#e9efdf;color:#48613e;font-size:12px;line-height:1.5}
.account-summary{padding:24px 28px;margin:0 0 28px;border:1px solid #dce3d5;border-radius:20px;background:linear-gradient(120deg,#f1f5ea,#fafbf6)}
.account-signout{width:100%;justify-content:center;margin-top:12px}.account-status{font-size:14px;line-height:1.6;margin:18px 0 0}.account-status:empty{display:none}
.site-header.has-account-avatar .header-actions{margin-right:106px}
@keyframes account-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1150px){.site-header.has-account-avatar .header-menu .header-actions{margin:0}}
@media(max-width:480px){.account-modal{padding:22px}.account-summary{padding:20px}.account-profile{gap:14px}.account-avatar-large{width:56px;height:56px}.account-profile h3{font-size:18px}.site-header.has-account-avatar .brand{font-size:15px}.site-header.has-account-avatar .brand small{font-size:8px}.site-header.has-account-avatar .brand img{width:28px;height:28px}.header-tools{gap:7px}}
@media(prefers-reduced-motion:reduce){.account-modal[open]{animation:none}.account-avatar-toggle{transition:none}.account-avatar-toggle:hover{transform:none}}