#account .account-menu{position:relative;flex-shrink:0}
#account .account-menu>summary{display:flex;align-items:center;gap:12px;padding:13px 0 13px 13px;color:#f4f5f6;font-family:var(--font-display);font-size:var(--nav-font-size);font-weight:var(--nav-font-weight);font-style:var(--nav-font-style);letter-spacing:var(--nav-letter-spacing);text-transform:uppercase;line-height:1;cursor:pointer;list-style:none;white-space:nowrap}
#account .account-menu>summary::-webkit-details-marker{display:none}
#account .account-menu>summary:hover,#account .account-menu>summary:focus-visible{color:#0092ff;text-shadow:0 0 10px #0092ff66}
#account .account-menu>summary:focus-visible{outline:2px solid #0092ff;outline-offset:4px;border-radius:3px}
.account-chevron{display:inline-block;width:7px;height:7px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:#f4f5f6;font-size:0;font-style:normal;line-height:0;transform:translateY(-2px) rotate(45deg);transform-origin:center;transition:transform .18s ease,color .18s ease}
.account-menu[open] .account-chevron{transform:translateY(2px) rotate(225deg);color:#0092ff}
#account .account-menu>summary:hover .account-chevron,#account .account-menu>summary:focus-visible .account-chevron{color:#0092ff}
.account-menu-items{position:absolute;right:0;top:calc(100% + 7px);z-index:140;min-width:180px;padding:7px;background:#171717;border:1px solid #3b3b3b;border-top:2px solid #0092ff;border-radius:5px;box-shadow:0 14px 30px #0009;animation:account-menu-in .16s ease-out}
#account .account-menu-items a,#account .account-menu-items button{display:block;width:100%;padding:11px 12px;border:0;background:transparent;text-align:left;color:#dedede;font-family:var(--font-body);font-size:13px;border-radius:3px;font-weight:500;letter-spacing:.025em;line-height:1.5}
#account .account-menu-items a:hover,#account .account-menu-items button:hover{color:#0092ff;background:#ffffff05}
.account-menu-items a:focus-visible,.account-menu-items button:focus-visible{outline:2px solid #0092ff;outline-offset:-2px}
.account-email-settings h3{font-size:15px;margin-bottom:12px}
.account-email-current{display:flex;align-items:center;gap:10px;flex-wrap:wrap;overflow-wrap:anywhere;margin:0 0 12px;color:#eee}
.account-email-settings>.form-help{margin-top:14px}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:700px){#account .account-menu>summary{padding:10px 0}.account-menu-items{min-width:170px}}
@media(prefers-reduced-motion:reduce){.account-chevron{transition:none}.account-menu-items{animation:none}}

@media(max-width:700px){
 #account .account-menu{position:static;min-width:0;max-width:100%}
 #account .account-menu>summary{display:flex;min-height:44px;gap:8px;padding:8px 0;font-size:12px;line-height:1.35;letter-spacing:.025em;white-space:nowrap}
 .account-greeting{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #account .account-menu-items{left:16px;right:16px;top:calc(100% - 2px);min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;background:#15191e;border:1px solid #ffffff20;border-top:2px solid #0092ff;border-radius:8px;max-height:calc(100dvh - 100px);overflow-y:auto}
 #account .account-menu-items::before{content:'YOUR ACCOUNT';grid-column:1/-1;padding:2px 3px 6px;color:#91a3b5;font-size:10px;letter-spacing:1.3px}
 #account .account-menu-items a,#account .account-menu-items button{min-height:44px;display:flex;align-items:center;padding:10px 12px;font-size:13px;line-height:1.3;border:1px solid #ffffff0d;background:#ffffff04;border-radius:5px}
 #account .account-menu-items button[data-action=logout]{grid-column:1/-1;color:#ff9298;background:#ef334008;border-color:#ef334025}
}