.acct{display:inline-flex;position:relative}.acct-trigger{border-radius:var(--radius);max-width:220px;color:var(--color-fg);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-size:13px;line-height:1;transition:background-color .12s,border-color .12s;display:inline-flex}.acct-trigger:hover{background:var(--color-surface-muted)}.acct-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.acct-badge{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-primary) 12%, transparent);width:28px;height:28px;color:var(--color-primary);letter-spacing:.5px;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.acct-badge-lg{width:34px;height:34px;font-size:12.5px}.acct-trigger-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;color:var(--color-muted);overflow:hidden}.acct-menu{z-index:60;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);min-width:240px;max-width:300px;padding:6px;animation:.12s acct-fade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000059}@keyframes acct-fade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.acct-head{align-items:center;gap:10px;padding:8px 8px 10px;display:flex}.acct-head-text{flex-direction:column;gap:2px;min-width:0;display:flex}.acct-name{color:var(--color-fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.acct-email{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.acct-via{letter-spacing:.3px;color:var(--color-muted-dim);margin-top:2px;font-size:10.5px}.acct-sep{background:var(--color-border-subtle);height:1px;margin:2px 4px}.acct-form{margin:0}.acct-signout{width:100%;color:var(--color-fg);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px;font-size:13px;display:block}.acct-signout:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.acct-signout:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.acct-shell .acct-trigger{padding:2px}.acct-shell .acct-trigger-name{display:none}.acct-shell .acct-badge{width:26px;height:26px}@media (prefers-reduced-motion:reduce){.acct-menu{animation:none}}