[data-account-menu]{position:fixed;right:20px;bottom:max(16px,env(safe-area-inset-bottom));z-index:10000;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid #bda580;border-radius:12px;background:#171719;color:#f2eee6;box-shadow:0 8px 30px #0005;font:14px/1.4 system-ui,sans-serif;max-width:calc(100vw - 24px)}
[data-account-menu] a,[data-account-menu] summary,[data-account-menu] button{display:block;padding:9px 12px;color:#f2eee6;background:transparent;text-decoration:none;border:0;border-radius:7px;font:inherit;cursor:pointer}
[data-account-menu] summary{max-width:min(250px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;list-style:none}
[data-account-menu] summary::-webkit-details-marker{display:none}
[data-account-menu] summary::after{content:' ▴';color:#cbb18a}
[data-account-menu] a:hover,[data-account-menu] button:hover,[data-account-menu] summary:hover{background:#ffffff15}
[data-account-menu] :focus-visible{outline:2px solid #e3c494;outline-offset:2px}
[data-account-menu] button{background:#cbb18a;color:#171719;font-weight:650}
[data-account-menu] details{position:relative}
[data-account-menu] .account-menu-panel{position:absolute;right:0;bottom:calc(100% + 16px);width:240px;max-width:calc(100vw - 36px);max-height:70vh;overflow:auto;padding:10px;background:#171719;border:1px solid #bda580;border-radius:12px;box-shadow:0 8px 30px #0005}
[data-account-menu] .account-menu-panel span{display:block;padding:8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#cbb18a}
body:has([data-account-menu]){padding-bottom:76px}
@media(max-width:600px){[data-account-menu]{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}}

[data-account-menu] button:hover{background:#e3c494;color:#171719}