.account-action { min-height: 42px; border: 1px solid #46535b; border-radius: 999px; padding: 0 13px; color: #e8f4f0; background: #1b2930; cursor: pointer; white-space: nowrap; }
.account-action:hover, .account-action:focus-visible { border-color: #8abfb2; }
.account-dialog { width: min(430px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; padding: 24px; border: 1px solid #52646b; border-radius: 16px; background: #172128; color: #f3f6f4; }
.account-dialog::backdrop { background: rgb(0 0 0 / 72%); }
.account-dialog h2 { margin: 0 48px 12px 0; }
.account-intro { color: #b4c7c4; line-height: 1.5; font-size: .9rem; }
.account-close { float: right; min-width: 44px; min-height: 44px; border: 1px solid #546168; border-radius: 8px; color: white; background: #243138; font-size: 1.4rem; cursor: pointer; }
.account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.account-dialog button:not(.account-close) { min-height: 44px; border: 1px solid #52646b; border-radius: 8px; padding: 8px 13px; color: #f3f6f4; background: #243138; cursor: pointer; }
.account-dialog button[aria-pressed="true"], .account-dialog button[type="submit"] { background: #21564f; border-color: #79bbab; }
.account-dialog label { display: grid; gap: 7px; margin-bottom: 14px; }
.account-dialog input { min-height: 44px; width: 100%; box-sizing: border-box; border: 1px solid #52646b; border-radius: 8px; padding: 8px 12px; background: #10181e; color: white; font: inherit; }
.account-signed { display: flex; flex-wrap: wrap; gap: 8px; }
.account-signed[hidden], .account-guest[hidden], .account-admin[hidden] { display: none; }
.account-identity, .account-admin { flex-basis: 100%; overflow-wrap: anywhere; }
#account-message { min-height: 1.5em; color: #b7e0d5; }
.card-actions .like-button { font-size: .85rem; }
@media (max-width: 650px) { .top-actions .account-action { padding: 0 9px; font-size: .76rem; } #my-library { display: none; } }