.account-entry{align-items:center;display:flex}.account-trigger,.account-login{transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast);align-items:center;gap:var(--space-2);min-height:var(--control-size);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);color:var(--color-text);cursor:pointer;white-space:nowrap;font-size:var(--text-sm);background:0 0;border:1px solid #0000;display:inline-flex}.account-login{padding-inline:var(--space-4);background:var(--color-accent-soft);color:var(--color-accent);gap:var(--space-1)}.account-login>svg{margin-right:var(--space-1)}.account-trigger:hover,.account-trigger[data-state=open],.account-login:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.account-avatar{background:var(--color-accent-soft);width:2rem;height:2rem;color:var(--color-accent);font-weight:var(--weight-bold);border-radius:50%;place-items:center;display:grid}.account-name{text-overflow:ellipsis;max-width:7rem;overflow:hidden}.account-loading{font-size:var(--text-xs);color:var(--color-muted)}.account-menu{transform-origin:var(--reka-dropdown-menu-content-transform-origin);width:14rem;max-width:calc(100vw - var(--space-6));padding:var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-panel);box-shadow:var(--shadow-popup);z-index:var(--layer-dropdown)}.account-menu[data-state=open]{animation:popover-in var(--duration-normal) var(--ease-out)}.account-menu[data-state=closed]{animation:popover-out var(--duration-fast)}.account-menu-item{min-height:var(--control-size);align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-control);outline:none;display:flex}.account-menu-item[data-highlighted]{color:var(--color-accent);background:var(--color-accent-soft)}@media (width<=480px){.account-name,.account-trigger>svg,.register-caption{display:none}.account-trigger{padding:var(--space-1)}.account-login{padding-inline:var(--space-3)}}