.wb-connect{min-height:40px;padding:0 16px}.wb-root{position:relative}.wb-account{display:inline-flex;align-items:center;gap:8px;max-width:200px;min-height:40px;padding:3px 14px 3px 3px;border-radius:var(--r-pill);background:var(--c-surface-2);border:1px solid var(--c-line-strong);transition:background var(--t-fast) var(--ease-out)}.wb-account:hover{background:var(--c-surface-hover)}.wb-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--c-bg-raised);box-shadow:0 0 0 2px var(--c-accent-strong)}.wb-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.wb-avatar svg{width:26px;height:26px}.wb-text{overflow:hidden;font-size:var(--fs-sm);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.wb-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;display:grid;min-width:220px;padding:6px;border-radius:var(--r-md);background:var(--c-bg-raised);border:1px solid var(--c-line-strong);box-shadow:var(--shadow-pop);animation:wb-in var(--t-fast) var(--ease-out)}.wb-menu-head{padding:8px 10px 6px;font-size:var(--fs-xs);color:var(--c-text-faint)!important}.wb-menu :is(a,button){display:flex;align-items:center;gap:10px;min-height:42px;padding:0 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);text-align:left}.wb-menu :is(a,button):hover{background:var(--c-surface-hover)}.wb-menu svg{width:20px;height:20px;color:var(--c-accent)}.wb-menu .wb-danger,.wb-menu .wb-danger svg{color:var(--c-danger-soft)}@keyframes wb-in{0%{opacity:0;transform:translateY(-4px)}}.wb-short{display:none}@media (max-width:480px){.wb-account.is-compact .wb-text,.wb-connect.is-compact .wb-long{display:none}.wb-connect.is-compact .wb-short{display:inline}.wb-account.is-compact{padding:3px}.wb-connect.is-compact{padding:0 12px}}