.account{position:relative}.account-button{border-radius:var(--radius-pill);max-width:220px;font-family:var(--font-body);cursor:pointer;transition:border-color var(--motion-quick,.22s) var(--motion-ease,ease), background var(--motion-quick,.22s) var(--motion-ease,ease);background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.account-button:hover,.account-button[aria-expanded=true]{border-color:var(--color-line-hover);background:var(--hover-fill,var(--color-brand-tint))}.account-button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--type-small,14px);color:var(--color-ink);font-weight:700;overflow:hidden}.account-badge{border:1px solid var(--color-brand-wave);border-radius:var(--radius-pill);background:var(--color-brand-tint);width:34px;height:34px;color:var(--color-brand-deep);letter-spacing:.04em;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.account-panel{z-index:20;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);width:260px;box-shadow:var(--shadow-menu,var(--shadow-raised));flex-direction:column;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.account-panel[hidden]{display:none}.account-who{border-bottom:1px solid var(--color-line-soft);font-size:var(--type-small,13px);color:var(--muted,var(--color-muted-a11y));overflow-wrap:anywhere;margin-bottom:4px;padding:10px 12px}.account-item{box-sizing:border-box;border-radius:var(--radius-sm);width:100%;color:var(--color-ink);font-family:var(--font-body);font-size:var(--type-small,14px);text-align:left;cursor:pointer;background:0 0;border:0;padding:10px 12px;text-decoration:none;display:block}.account-item:hover{background:var(--hover-fill,var(--color-brand-tint))}.account-item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}