.user-hover-card-wrapper{color:inherit;align-items:center;text-decoration:none;display:inline-flex;position:relative}.user-hover-card-container{z-index:1000;margin-top:8px;animation:.15s userCardFadeIn;position:absolute;top:100%;left:0}@keyframes userCardFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-hover-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);width:280px;color:var(--color-text-primary);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000040}.user-hover-card-loading,.user-hover-card-error{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:16px}.user-hover-card-header{background-position:50%;background-size:cover;background-color:var(--color-bg-elevated);height:60px;position:relative}.user-hover-card-header-overlay{background:linear-gradient(#0000001a,#00000059);position:absolute;inset:0}.user-hover-card-avatar{z-index:2;border-radius:50%;line-height:0;position:absolute;top:-28px;left:16px;box-shadow:0 4px 12px #00000059}.user-hover-card-body{flex-direction:column;padding:36px 16px 16px;display:flex}.user-hover-card-name-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.user-hover-card-username{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.user-hover-card-level{font-size:var(--font-size-xs);color:var(--level-color,var(--color-primary-500));background:color-mix(in srgb, var(--level-color,var(--color-primary-500)) 15%, transparent);border-radius:var(--radius-sm);padding:2px 8px;font-weight:500}.user-hover-card-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 12px;line-height:1.5;display:-webkit-box;overflow:hidden}.user-hover-card-stats{gap:16px;margin-bottom:12px;display:flex}.user-hover-card-stat{flex-direction:column;display:flex}.user-hover-card-stat-value{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary)}.user-hover-card-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.user-hover-card-achievements{flex-wrap:wrap;gap:6px;display:flex}.user-hover-card-achievement{background:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.user-hover-card-achievement-icon{line-height:1}.user-hover-card-achievement-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}
