.account-menu { position: relative; margin-left: auto; min-width: 0; max-width: 18rem; }
.account-menu summary { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .3rem .5rem; border: 1px solid var(--line); border-radius: .5rem; color: var(--ink); font-weight: 600; list-style: none; cursor: pointer; }
.account-menu summary::-webkit-details-marker { display: none; }
.account-menu summary::marker { content: ""; }
.account-avatar { display: grid; place-items: center; flex: 0 0 2rem; width: 2rem; height: 2rem; border-radius: 50%; background: var(--notice); font-size: .875rem; font-weight: 700; text-transform: uppercase; }
.account-avatar svg { width: 1.25rem; height: 1.25rem; }
.account-menu-name { min-width: 0; max-width: 12rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-chevron { flex: 0 0 .75rem; width: .75rem; height: .75rem; }
.account-menu[open] .account-chevron { transform: rotate(180deg); }
.account-menu-items { position: absolute; right: 0; top: calc(100% + .5rem); z-index: 30; min-width: 14rem; max-width: calc(100vw - 2rem); padding: .5rem; display: grid; gap: .25rem; border: 1px solid var(--line); border-radius: .5rem; background: var(--panel); box-shadow: 0 .5rem 2rem #0003; }
.account-menu-items a, .account-menu-items button { padding: .7rem; text-align: left; font: inherit; }
.account-menu-items button { width: 100%; }
.profile-name { display: grid; gap: .5rem; margin-block: 1rem; }
.profile-name input { width: 100%; min-width: 0; box-sizing: border-box; }
.profile-name .muted { font-size: .875rem; }
.profile-create { border-top: 1px solid var(--line); margin-top: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }
.profile-create h3 { margin: 0; font-size: 1.125rem; }
.account-help, .account-intro { max-width: 68ch; }
.account-help h2 { margin-top: 2rem; }
.status-links { display: flex; flex-wrap: wrap; gap: 1rem; overflow-wrap: anywhere; }
@media (max-width: 600px) { .account-menu-items { min-width: 13rem; } }
@media (max-width: 480px) { .account-menu-name { display: none; } }